/* Public pages share the preview's navy, orange, lavender and peach palette. */
.pc-site-page { --pc-blue: #ff7925; --pc-blue-dark: #08085a; --pc-card: #fff; }
.pc-site-page *, .pc-site-page *::before, .pc-site-page *::after { box-sizing: border-box; }
.pc-site-page main { min-width: 0; }
.pc-site-page :is(h1,h2,h3,h4) { color: #08085a; }
.pc-site-page :is(p,li) { overflow-wrap: break-word; }
.pc-site-page [id] { scroll-margin-top: 130px; }
.pc-site-page .pc-section-soft { background: #f7f7ff; }
.pc-site-page .pc-page-hero { padding: 30px 0 55px; background: linear-gradient(112deg,#f4f3ff 0%,#faf9ff 70%,#fff3ea 100%); border-bottom: 1px solid #eae9f8; }
.pc-site-page .pc-page-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; color: #72728e; font-size: 11px; margin-bottom: 35px; }
.pc-site-page .pc-page-breadcrumb a { color: #62627f; text-decoration: none; }
.pc-site-page .pc-page-eyebrow { display: inline-block; padding: 7px 11px; border-radius: 8px; background: #e9e8fa; color: #08085a; font-size: 10px; letter-spacing: .1em; font-weight: 800; margin: 0 0 18px; }
.pc-site-page .pc-page-hero h1 { font-size: clamp(34px,4vw,52px); line-height: 1.12; letter-spacing: -.045em; margin: 0 0 18px; max-width: 920px; }
.pc-site-page .pc-page-intro { max-width: 800px; font-size: 16px; line-height: 1.85; color: #62627f; margin: 0; }
.pc-site-page .pc-page-hero + .pc-section { padding-top: 52px; }
.pc-site-page :is(.pc-form-group,.pc-demo-field,.pc-doc-builder label,.pc-field) :is(input,select,textarea) { border: 1px solid #dadaef; border-radius: 11px; background: #fff; color: #08085a; font: inherit; font-size: 14px; min-height: 48px; padding: 12px 14px; max-width: 100%; }
.pc-site-page :is(.pc-form-group,.pc-demo-field,.pc-doc-builder label,.pc-field) textarea { min-height: 150px; resize: vertical; }
.pc-site-page :is(.pc-form-group,.pc-demo-field,.pc-doc-builder label,.pc-field) :is(input,select,textarea):focus { border-color: #ff7925; outline: none; box-shadow: 0 0 0 3px #ff79251c; }
.pc-site-page :is(.pc-form-group,.pc-demo-field,.pc-doc-builder label,.pc-field) label { color: #08085a; font-size: 12px; font-weight: 700; }
.pc-site-page :is(input,select,textarea,button) { min-width: 0; }
.pc-site-page .pc-btn { cursor: pointer; }
.pc-site-page :is(.pc-card-dark,.pc-partner-panel) :is(h1,h2,h3,h4) { color: #fff; }
.pc-site-page :is(.pc-contact-card,.pc-legal-card,.pc-demo-card,.pc-demo-hero-card,.pc-demo-side-card,.pc-thankyou-card) { border: 1px solid #e5e5f3; border-radius: 22px; background: #fff; box-shadow: 0 12px 36px #08085a07; padding: 30px; min-width: 0; }
.pc-site-page :is(.pc-contact-card,.pc-legal-card,.pc-demo-card,.pc-demo-hero-card,.pc-demo-side-card) :is(p,li) { color: #62627f; }
.pc-site-page :is(.pc-contact-card,.pc-legal-card,.pc-demo-card) :is(h2,h3) { letter-spacing: -.03em; }
.pc-site-page :is(.pc-alert,.pc-demo-highlight) { border-radius: 12px; }
.pc-site-page .pc-thankyou-icon { background: #fff0e6; color: #d65c0e; }
.pc-site-page .pc-contact-grid { gap: 28px; }

/* Documentation and FAQ: readable blocks, consistent code and real anchors. */
.pc-site-page .pc-docs { max-width: 1100px; }
.pc-site-page .pc-docs-nav { display: flex; gap: 8px; flex-wrap: wrap; padding: 20px; margin: 0 0 32px; border: 1px solid #e5e5f3; border-radius: 18px; background: #fff; }
.pc-site-page .pc-docs-nav a { color: #08085a; text-decoration: none; background: #f0f0ff; border: 1px solid transparent; border-radius: 8px; padding: 8px 12px; font-size: 12px; font-weight: 600; }
.pc-site-page .pc-docs-nav a:hover { background: #ffe8d8; border-color: #ffd1b3; color: #08085a; }
.pc-site-page .pc-docs > section { border: 1px solid #e5e5f3; border-radius: 22px; background: #fff; padding: 30px; margin: 0 0 25px; min-width: 0; }
.pc-site-page .pc-docs > section > h2:first-child { margin-top: 0; }
.pc-site-page .pc-docs h2 { font-size: 25px; margin-top: 36px; letter-spacing: -.035em; }
.pc-site-page .pc-docs h3 { font-size: 19px; }
.pc-site-page :is(.pc-docs,.pc-legal-card) p { color: #62627f; line-height: 1.85; }
.pc-site-page :is(.pc-docs,.pc-demo-card) code:not(pre code) { background: #ecebfb; color: #202071; border-radius: 5px; padding: 2px 5px; font-size: .86em; overflow-wrap: anywhere; }
.pc-site-page .pc-code-block { background: #080844; color: #eeeefe; border: 1px solid #ffffff14; line-height: 1.75; padding: 20px; }
.pc-site-page :is(.pc-doc-highlight,.pc-doc-builder,.pc-demo-summary,.pc-bulk-summary) { background: #f5f4ff; border: 1px solid #e3e2f5; border-radius: 15px; color: #525274; padding: 20px; }
.pc-site-page .pc-doc-builder-grid,.pc-site-page .pc-doc-builder-params { min-width: 0; }
.pc-site-page .pc-doc-builder :is(input,select) { min-width: 0; width: 100%; }
.pc-site-page table { border-collapse: collapse; max-width: 100%; width: 100%; font-size: 13px; text-align: left; }
.pc-site-page :is(th,td) { border: 1px solid #e5e5f3; padding: 12px 14px; overflow-wrap: anywhere; }
.pc-site-page th { background: #f0f0ff; color: #08085a; font-weight: 700; }
.pc-site-page td { color: #62627f; }
.pc-site-page .pc-faq details { border: 1px solid #e5e5f3; background: #fff; border-radius: 14px; margin-bottom: 10px; overflow: hidden; }
.pc-site-page .pc-faq summary { color: #08085a; font-size: 14px; font-weight: 650; padding: 19px 22px; cursor: pointer; }
.pc-site-page .pc-faq details[open] { border-color: #d4d2ef; box-shadow: 0 8px 24px #08085a06; }
.pc-site-page .pc-faq details[open] summary { background: #f5f4ff; }
.pc-site-page .pc-faq details > :not(summary) { margin: 15px 22px; }
.pc-site-page .pc-legal-meta > div,.pc-site-page .pc-legal-note { background: #f0f0ff; border: 1px solid #e5e5f3; border-radius: 13px; }
.pc-site-page .pc-legal-card { padding: 36px; }
.pc-site-page .pc-legal-card a { color: #24247c; text-underline-offset: 3px; }
.pc-site-page .pc-legal-card a.pc-btn-primary { color: #fff; }

/* Pricing retains the original plans, limits and billing-period controls. */
.pc-site-page .pc-pricing-wrapper { max-width: 1240px; }
.pc-site-page .pc-pricing-grid { gap: 20px; align-items: stretch; }
.pc-site-page .pc-pricing-card { border-radius: 22px; padding: 28px; border-color: #e5e5f3; box-shadow: 0 12px 36px #08085a07; background: #fff; }
.pc-site-page .pc-pricing-card:hover { transform: translateY(-3px); border-color: #ceceeb; }
.pc-site-page .pc-price { color: #08085a; font-size: 44px; letter-spacing: -.05em; }
.pc-site-page .pc-pricing-title { font-size: 21px; }
.pc-site-page .pc-pricing-card-featured { border-color: #08085a; background: #08085a; }
.pc-site-page .pc-pricing-card-featured :is(h3,.pc-price,.pc-pricing-title,strong) { color: #fff; }
.pc-site-page .pc-pricing-card-featured :is(p,li,.pc-price-sub,.pc-plan-usecase,.pc-plan-feature-copy,.pc-muted) { color: #d1d1ed; }
.pc-site-page .pc-pricing-badge { color: #08085a; background: #ffe8d8; border-radius: 7px; box-shadow: none; }
.pc-site-page .pc-pricing-trust span,.pc-site-page .pc-pricing-reassurance span { color: #525274; background: #ecebfb; border-color: #e3e2f5; border-radius: 8px; }
.pc-site-page .pricing-toggle { width: fit-content; max-width: 100%; margin-inline: auto; background: #fff; border: 1px solid #dedeee; padding: 5px; box-shadow: none; border-radius: 13px; }
.pc-site-page .pricing-toggle button { color: #62627f; background: transparent; border-radius: 9px; }
.pc-site-page .pricing-toggle button.active { color: #fff; background: #08085a; box-shadow: none; }
.pc-site-page .pc-pricing-mid-cta { background: #fff0e6; border-color: #ffe1cd; border-radius: 22px; box-shadow: none; }
.pc-site-page :is(.pc-endpoint-card,.pc-advice-card) { border-color: #e5e5f3; border-radius: 18px; box-shadow: none; background: #fff; }
.pc-site-page .pc-endpoint-card.highlight { background: #f0f0ff; border-color: #deddf4; }
.pc-site-page .pc-endpoint-kicker { color: #b4490a; }
.pc-site-page .pc-advice-result { background: #f0f0ff; border-color: #e2e1f4; color: #08085a; }

/* Integrations and demo cards share the same visual hierarchy. */
.pc-site-page .pc-partner-panel { background: #08085a; border-color: #08085a; border-radius: 22px; box-shadow: none; padding: 30px; }
.pc-site-page .pc-partner-checks li::before { background: #ff7925; color: #fff; }
.pc-site-page .pc-partner-chip { background: #f0f0ff; border-color: #e3e2f5; color: #08085a; border-radius: 9px; }
.pc-site-page .pc-partner-flow { background: #fff0e6; border-color: #ffe1cd; border-radius: 18px; }
.pc-site-page .pc-partner-cta { background: #08085a; border-color: #08085a; border-radius: 22px; }
.pc-site-page .pc-partner-cta :is(h2,h3,p) { color: #fff; }
.pc-site-page .pc-demo-kpi,.pc-site-page .pc-demo-summary,.pc-site-page .pc-demo-download-callout { background: #f5f4ff; border-color: #e3e2f5; box-shadow: none; border-radius: 14px; }
.pc-site-page .pc-demo-nav a { border-color: #e3e2f5; background: #fff; color: #08085a; border-radius: 8px; }
.pc-site-page .pc-demo-nav a:hover { background: #ffe8d8; border-color: #ffd1b3; }
.pc-site-page .pc-demo-meta span { background: #efeffc; color: #35357f; border-radius: 7px; }
.pc-site-page .pc-demo-result { background: #080844; border: 1px solid #15155e; border-radius: 13px; color: #e5e5ff; }
.pc-site-page .pc-demo-mini-btn { background: #ffffff13; color: #e5e5ff; }
.pc-site-page .pc-demo-btn-secondary { color: #08085a; border-color: #dadaef; background: #fff; }
.pc-site-page :is(.pc-demo-download-link,.pc-demo-download-list summary) { color: #08085a; border-color: #dedeee; }
.pc-site-page .pc-demo-summary-item-label { color: #777792; }
.pc-site-page :is(.pc-builder-tab,.pc-snippet-tab) { color: #62627f; border-color: #dedeee; background: #fff; }
.pc-site-page :is(.pc-builder-tab.is-active,.pc-snippet-tab.is-active) { background: #08085a; color: #fff; border-color: #08085a; }
.pc-site-page .pc-demo-grid { align-items: start; }

/* Authentication keeps its existing validation and 2FA; only layout is themed. */
.pc-site-auth main { background: #f7f7ff; }
.pc-site-auth .pc-section-soft { padding-block: 70px; background: linear-gradient(130deg,#f4f3ff,#fff6f0); }
.pc-site-auth .pc-container.pc-two-col { max-width: 1080px; grid-template-columns: minmax(0,.85fr) minmax(0,1fr); gap: 75px; align-items: center; }
.pc-site-auth .pc-container.pc-two-col > :last-child { border: 1px solid #e5e5f3; border-radius: 24px; padding: 35px; background: #fff; box-shadow: 0 18px 50px #08085a08; }
.pc-site-auth .pc-section-title { font-size: 34px; line-height: 1.2; }
.pc-site-auth .pc-form { margin: 0; }
.pc-site-auth .pc-form-group { margin-bottom: 18px; }
.pc-site-auth .pc-form-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.pc-site-auth .pc-otp { display: flex; gap: 8px; }
.pc-site-auth .pc-otp input { width: 44px; height: 54px; border-radius: 10px; border-color: #dadaef; color: #08085a; text-align: center; }
.pc-site-auth .pc-forgot-link { color: #62627f; text-underline-offset: 3px; }
.pc-site-auth .pc-pill { background: #e9e8fa; color: #08085a; }

/* Downloadable, standalone demos remain real examples, with matching navigation. */
.pc-site-standalone { background: #f7f7ff; color: #08085a; font-family: Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
.pc-site-standalone .pc-site-demo-nav { display: flex; justify-content: space-between; gap: 20px; align-items: center; padding: 24px max(22px,calc((100% - 1120px)/2)); border-bottom: 1px solid #e5e5f3; background: #fff; }
.pc-site-standalone .pc-site-demo-brand img { display: block; max-width: 170px; height: auto; filter: brightness(0) saturate(100%) invert(9%) sepia(67%) saturate(2943%) hue-rotate(235deg) brightness(74%) contrast(133%); }
.pc-site-standalone .pc-site-demo-nav nav { display: flex; flex-wrap: wrap; gap: 20px; }
.pc-site-standalone .pc-site-demo-nav a { color: #08085a; font-size: 12px; font-weight: 650; text-decoration: none; }
.pc-site-standalone .pc-page { max-width: 1120px; padding-block: 44px; }
.pc-site.pc-site-standalone .pc-card { border-radius: 22px; border-color: #e5e5f3; box-shadow: 0 12px 36px #08085a07; }
.pc-site-standalone header.pc-header { position: static; background: transparent; backdrop-filter: none; border: 0; box-shadow: none; margin-bottom: 28px; }
.pc-site-standalone header.pc-header h1 { font-size: clamp(28px,4vw,40px); line-height: 1.2; margin-bottom: 15px; }
.pc-site-standalone .pc-btn:not(.secondary) { background: #ff7925; border-color: #ff7925; color: #fff; }
.pc-site-standalone .pc-btn.secondary,.pc-site-standalone .pc-tab { background: #fff; color: #08085a; border-color: #dadaef; }
.pc-site-standalone .pc-tab.active { background: #08085a; border-color: #08085a; color: #fff; }
.pc-site-standalone :is(.pc-result-wrap,.pc-map) { border-radius: 14px; border-color: #e5e5f3; }
.pc-site-standalone .pc-result-wrap { background: #080844; }
.pc-site-standalone .pc-result { color: #e5e5ff; }
.pc-site-standalone :is(.pc-note,.pc-summary,.pc-live-size,.demo-item) { border-color: #e3e2f5; background: #f0f0ff; color: #62627f; border-radius: 13px; }
.pc-site-standalone :is(.pc-download-link,.demo-download) { border-radius: 9px; color: #08085a; background: #fff; border-color: #dadaef; }
.pc-site-page .pc-nav a.active { color: #08085a; text-decoration: underline; text-decoration-color: #ff7925; text-decoration-thickness: 3px; text-underline-offset: 8px; }
.pc-site-page .pc-nav-mobile a[aria-current="page"] { color: #08085a; }
.pc-site-page .pc-table-scroll { overflow-x: auto; max-width: 100%; }
.pc-site-page .pc-anchor-alias { display: block; height: 0; visibility: hidden; }
.pc-site-page .pc-error-preview-label { width: fit-content; margin: 25px auto 0; padding: 7px 12px; border-radius: 8px; background: #f0f0ff; color: #62627f; font-size: 11px; }
.pc-site-page .pc-error-shell { background: #f7f7ff; }
.pc-site-page .pc-error-card { border: 1px solid #e5e5f3; border-radius: 24px; box-shadow: 0 15px 40px #08085a08; }
.pc-site-page .pc-error-top { background: #08085a; }

@media (max-width: 1020px) {
  .pc-site-page .pc-pricing-grid { gap: 15px; }
  .pc-site-page .pc-pricing-card { padding: 23px; }
  .pc-site-auth .pc-container.pc-two-col { gap: 32px; }
}
@media (max-width: 768px) {
  .pc-site-page [id] { scroll-margin-top: 100px; }
  .pc-site-page .pc-page-hero { padding: 24px 0 38px; }
  .pc-site-page .pc-page-breadcrumb { margin-bottom: 25px; }
  .pc-site-page .pc-page-intro { font-size: 14px; }
  .pc-site-page .pc-page-hero + .pc-section { padding-top: 32px; }
  .pc-site-page :is(.pc-contact-card,.pc-legal-card,.pc-demo-card,.pc-demo-hero-card,.pc-demo-side-card,.pc-docs > section) { padding: 23px; border-radius: 18px; }
  .pc-site-page :is(.pc-form-row,.pc-contact-grid,.pc-partner-intro-grid,.pc-integration-page-grid,.pc-pricing-grid) { grid-template-columns: minmax(0,1fr); }
  .pc-site-page .pc-docs-nav { padding: 15px; gap: 7px; }
  .pc-site-page .pc-docs-nav a { padding: 7px 9px; font-size: 11px; }
  .pc-site-page .pc-docs h2 { font-size: 23px; }
  .pc-site-page :is(th,td) { padding: 9px 10px; font-size: 12px; }
  .pc-site-auth .pc-section-soft { padding-block: 35px; }
  .pc-site-auth .pc-container.pc-two-col { grid-template-columns: minmax(0,1fr); gap: 28px; }
  .pc-site-auth .pc-container.pc-two-col > :last-child { padding: 25px; border-radius: 20px; }
  .pc-site-auth .pc-section-title { font-size: 30px; }
  .pc-site-page :is(.pc-form-group,.pc-demo-field,.pc-field) :is(input,select,textarea) { font-size: 16px; }
  .pc-site-standalone .pc-site-demo-nav { align-items: flex-start; flex-direction: column; padding: 20px; }
  .pc-site-standalone .pc-site-demo-nav nav { gap: 18px; }
  .pc-site-standalone .demo-list { grid-template-columns: minmax(0,1fr); }
  .pc-site-standalone .pc-row-3 { grid-template-columns: minmax(0,1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .pc-site-page *,.pc-site-page *::before,.pc-site-page *::after { animation: none !important; transition: none !important; }
}

/* Match the homepage's compact spacing throughout the preview. */
.pc-site-page .pc-section { padding-block: 40px; }
.pc-site-page .pc-section-title { margin-top: 0; }
.pc-site-page .pc-page-hero { padding-block: 24px 28px; }
.pc-site-page .pc-page-breadcrumb { margin-bottom: 16px; }
.pc-site-page .pc-page-eyebrow { margin-bottom: 12px; }
.pc-site-page .pc-page-hero h1 { margin-bottom: 14px; }
.pc-site-page .pc-page-hero + .pc-section { padding-top: 32px; }
.pc-site-page .pc-hero-carousel + .pc-hero-transition + .pc-section { padding-top: 32px; padding-bottom: 40px; }
.pc-site-page .pc-error-shell { padding-block: 32px; }
.pc-site-auth .pc-section-soft { padding-block: 40px; }
.pc-site-standalone .pc-page { padding-block: 28px; }
.pc-site-standalone .pc-hero-carousel { background: #fff; }
.pc-site-standalone .pc-hero-actions .pc-btn-outline { background: #fff; color: var(--preview-navy); border: 1px solid #dadaf0; }
@media (max-width: 768px) {
  .pc-site-page .pc-section { padding-block: 28px; }
  .pc-site-page .pc-page-hero { padding-block: 20px 24px; }
  .pc-site-page .pc-page-breadcrumb { margin-bottom: 14px; }
  .pc-site-page .pc-page-hero + .pc-section,
  .pc-site-page .pc-hero-carousel + .pc-hero-transition + .pc-section { padding-top: 28px; padding-bottom: 28px; }
  .pc-site-auth .pc-section-soft { padding-block: 28px; }
  .pc-site-standalone .pc-page { padding-block: 24px; }
}