/* CloudStackly blue system — shared by the marketing site and authenticated workspace. */
:root {
  color-scheme: light;
  --paper: #f4f8ff;
  --white: #ffffff;
  --ink: #10264a;
  --muted: #5d6f89;
  --line: #dce7f5;
  --green: #1769e0;
  --green-dark: #0e55bf;
  --pale: #eaf3ff;
  --amber: #b88647;
  --shadow: 0 20px 70px #153d7812;
  --home-ink: #10264a;
  --home-ink-soft: #1c3d70;
  --home-muted: #5d6f89;
  --home-green: #1769e0;
  --home-mint: #8bc7ff;
  --home-line: #dce7f5;
  --home-paper: #ffffff;
  --home-canvas: #f4f8ff;
  --cp-ink: #10264a;
  --cp-forest: #123b78;
  --cp-mint: #4d9aff;
  --cp-soft: #edf5ff;
  --cp-line: #d8e5f5;
}

body { background-color: var(--paper); color: var(--ink); }
a { text-decoration-color: #9fc4f2; }
a:hover { color: #0e55bf; }
:focus-visible { outline-color: #3989f5; }
input:focus, select:focus, textarea:focus,
.field input:focus, .field textarea:focus, .field select:focus {
  border-color: #5d9ef0 !important;
  box-shadow: 0 0 0 3px #1769e01c !important;
}

/* One recognizable mark and wordmark across public pages, forms, and workspace. */
.brand-mark, .home-nav .brand-mark, .home-footer .brand-mark {
  width: 31px !important;
  height: 29px !important;
  flex: 0 0 31px;
  display: block !important;
  background: url('/cloudstackly-mark.svg') center / contain no-repeat;
}
.brand-mark i { display: none !important; }
.brand-light { color: #64a8ff !important; }
.home-nav .brand-name, .home-footer .brand-name { color: #10264a !important; }
.home-nav .brand-name .brand-light { color: #1769e0 !important; }

/* Workspace frame, navigation, selected controls, and common calls to action. */
.rail { background: #10284f !important; }
.rail:after { border-color: #ffffff17; }
.rail-note { color: #a8c4ec; }
.status-dot { background: #57a7ff; box-shadow: 0 0 0 4px #57a7ff24; }
.rail-rule { background: #5679ab; }
.rail-bottom { color: #a3b9d8; }
.topbar { border-color: var(--line); }
.topbar-label, .topbar-label b { color: #456080; }
.eyebrow, .panel-arrow, .panel-index, .lock-icon, .mini-shield { color: #1769e0 !important; }
.eyebrow-line { background: #1769e0 !important; }
.button-dark, .button-green, .nav-cta, .plan-button, .contact-submit,
.primary-button, .submit-button, .workspace-primary-action {
  background: #1769e0 !important;
  color: #fff !important;
}
.button-dark:hover, .button-green:hover, .nav-cta:hover, .plan-button:hover,
.contact-submit:hover, .primary-button:hover, .submit-button:hover,
.workspace-primary-action:hover { background: #0e55bf !important; }
.button b { color: #cfe5ff !important; }
.auth-tabs, .auth-card, .request-panel, .requests-card, .process-card,
.request-panel, .requests-card, .price-card, .home-product-tour {
  border-color: var(--line) !important;
}
.auth-tab.active:after { background: #1769e0 !important; }
.auth-tab.active, .text-button, .report-text-link, .workflow-detail-grid a,
.product-tour-caption a, .signin-tour-link { color: #145bc1 !important; }
.choice input:checked + .choice-box, .choice-box:hover, .workspace-tab.active,
.active-nav, .selected-card { border-color: #78aef0 !important; background: #eff6ff !important; }
.choice-icon, .badge-mark, .count-badge, .request-status, .empty-mark {
  background-color: #eaf3ff;
  color: #245b9d;
}
.choice input:checked + .choice-box i { background: #1769e0; border-color: #1769e0; box-shadow: 0 0 0 3px #1769e020; }
.choice input:focus-visible + .choice-box { outline-color: #3989f5; }
.process-card { background: #edf5ff !important; }
.process-card h2, .panel-heading h2, .requests-title h2 { color: #10264a; }
.process-item { border-color: #d6e5f7; }
.toast:not(.error) { background: #123b78; }

/* Public pages use a consistent white, cloud-blue, and navy hierarchy. */
.marketing-page, .contact-page, .sample-report-page, .product-tour-page {
  --ink: #10264a;
  --muted: #5d6f89;
  --line: #dce7f5;
  --green: #1769e0;
  --green-dark: #0e55bf;
  --pale: #eaf3ff;
}
.marketing-nav, .public-nav, .home-nav { background: #fff !important; border-color: #e1ebf8 !important; }
.marketing-nav nav a, .home-nav nav a, .nav-login { color: #435a78 !important; }
.marketing-nav nav a:hover, .home-nav nav a:hover { color: #1769e0 !important; }
.marketing-hero, .home-hero {
  color: #10264a !important;
  background:
    radial-gradient(ellipse at 82% 32%, #c9e5ff 0, #dcedff 24%, transparent 55%),
    linear-gradient(112deg, #f8fbff 0%, #eff6ff 51%, #e7f3ff 100%) !important;
}
.home-page .marketing-hero h1, .home-page .marketing-hero h2,
.marketing-hero h1, .marketing-hero h2 { color: #10264a !important; }
.home-page .marketing-hero h1 em, .home-page .home-section-heading h2 em,
.home-report-copy h2 em { color: #1769e0 !important; }
.home-page .hero-lede, .hero-demo-caption { color: #526882 !important; }
.home-page .hero-secondary { color: #17497f !important; }
.home-page .hero-proof, .home-page .hero-sample-link { color: #48617e !important; }
.home-page .hero-proof a { color: #145bc1 !important; }
.home-page .hero-sample-link { text-decoration-color: #9fc4f2 !important; }
.home-page .eyebrow { color: #1769e0 !important; }
.home-page .hero-proof-mark { background: #1769e0 !important; color: #fff !important; }
.home-nav .nav-cta { background: #1769e0 !important; }
.home-launch-proof { background: #f4f8ff !important; border-color: #e1ebf8 !important; }
.home-launch-proof > span { color: #526882 !important; }
.home-capabilities { background: #fff !important; border-color: #dce7f5 !important; box-shadow: 0 12px 35px #194d8910; }
.capability-icon { color: #1769e0 !important; background: #eaf3ff !important; }
.home-workflow, .home-link-structure, .home-pricing, .home-faq { background: #fff !important; }
.home-section-heading h2, .home-report-copy h2, .home-demo-callout h2 { color: #10264a !important; }
.home-section-heading > p, .workflow-detail-grid p, .workflow-footnote,
.home-report-copy > p:not(.eyebrow), .home-faq details p { color: #5d6f89 !important; }
.workflow-image-card, .link-structure-figure, .report-image-link,
.workflow-detail-grid article, .price-card, .home-faq details,
.home-product-tour { border-color: #dce7f5 !important; }
.workflow-image-caption, .link-structure-figure figcaption { color: #406b9e !important; border-color: #e5edf8 !important; }
.workflow-detail-label, .plan-name { color: #2a67ad !important; }
.workflow-detail-grid h3, .home-faq summary { color: #173456 !important; }
.price-popular { border-top-color: #1769e0 !important; }
.popular-ribbon { background: #1769e0 !important; }
.price-card h3, .credit-count strong { color: #123b78 !important; }
.trial-offer { background: #eff6ff !important; border-color: #dbe9fb !important; }
.trial-number { background: #1769e0 !important; color: #fff !important; }
.trial-copy > span { color: #456b99 !important; }
.trial-copy p, .pricing-note { color: #5d6f89 !important; }
.pricing-note a { color: #145bc1 !important; }
.home-demo-callout { background: #123b78 !important; }
.home-demo-callout .eyebrow, .home-demo-callout h2 { color: #fff !important; }
.home-demo-callout > div:nth-child(2) > p:last-child { color: #d6e8ff !important; }
.demo-callout-mark span { background: #66afff !important; }
.home-footer { background: #0d2242 !important; color: #c9d9ef !important; }
.home-footer .brand-name { color: #fff !important; }
.home-footer-top p, .home-footer nav a, .home-footer > small { color: #b0c5e1 !important; }
.home-footer nav a:hover, .home-footer-top > a:last-child:hover { color: #fff !important; }
.home-footer-top { border-color: #2d4c74 !important; }
.home-report-section { background: linear-gradient(125deg, #f1f7ff, #eaf3ff) !important; color: #10264a !important; }
.home-report-copy h2 { color: #10264a !important; }
.home-report-copy > p:not(.eyebrow), .home-report-copy li { color: #4e6380 !important; }
.home-report-copy .eyebrow { color: #1769e0 !important; }
.report-image-link { border-color: #cbdcf1 !important; box-shadow: 0 25px 60px #164a851a !important; }
.report-image-link > span { background: #123b78 !important; color: #fff !important; }
.home-page a:focus-visible, .contact-page a:focus-visible,
.contact-page button:focus-visible { outline-color: #3989f5 !important; }

/* Hand-authored content pages and citation-management page share the same system. */
.public-main, .policy-main { color: #10264a !important; }
.public-main h1, .policy-main h1 { color: #10264a !important; }
.public-kicker, .policy-kicker, .public-footer small { color: #376aab !important; }
.public-intro, .public-section p, .public-note, .policy-main > p,
.policy-main li { color: #526882 !important; }
.public-section, .related-links, .policy-links { border-color: #dce7f5 !important; }
.public-section a, .policy-links a, .public-price-grid strong { color: #145bc1 !important; }
.public-price-grid article, .platform-list li { background: #f4f8ff !important; border-color: #dce7f5 !important; }
.public-price-grid article.is-popular { border-color: #1769e0 !important; }
.public-price-grid a, .public-button, .public-footer { background: #123b78 !important; }
.public-footer { color: #eaf3ff !important; }
.public-footer a { color: #eaf3ff !important; }
.skip-link { color: #10264a !important; border-color: #1769e0 !important; }
.menu-toggle { border-color: #cbdcf1 !important; color: #17497f !important; }
.policy-main h2 { color: #173456 !important; }
.policy-notice { background: #edf5ff !important; color: #45617f !important; }
.sample-report-page { background: #f4f8ff !important; }
.sample-shell { border-color: #dce7f5 !important; box-shadow: 0 18px 55px #153d7810 !important; }
.sample-stats strong { color: #123b78 !important; }
.sample-table th, .sample-meta span { color: #496d99 !important; }
.sample-table a { color: #145bc1 !important; }
.sample-meta div { background: #f4f8ff !important; }

.cp-mark i { background: #1769e0 !important; }
.cp-mark i:nth-child(2) { background: #49a0ff !important; }
.cp-mark i:nth-child(3) { background: #9bcaff !important; }
.cp-nav { background: #fff !important; }
.cp-nav nav a:hover, .cp-footer nav a:hover, .cp-nav-cta { color: #145bc1 !important; }
.cp-nav-cta { border-color: #b7d4f5 !important; }
.cp-hero { background: #123b78 !important; }
.cp-hero h1 em, .cp-hero .cp-kicker { color: #9bcaff !important; }
.cp-button-light { background: #dceeff !important; color: #123b78 !important; }
.cp-button-dark, .cp-final-cta { background: #123b78 !important; }
.cp-kicker, .cp-count-mark, .cp-step-grid article > span { color: #1769e0 !important; }
.cp-kicker span { background: currentColor !important; }
.cp-plan-card li::before { color: #1769e0 !important; }
.cp-network-symbol { background: #eaf3ff !important; color: #145bc1 !important; }
.cp-final-cta .cp-kicker { color: #9bcaff !important; }
.cp-footer { background: #f4f8ff !important; }

.workspace-integrations-panel { border-top-color: #1769e0 !important; }
.integration-default-note { background: #edf5ff !important; border-color: #d8e5f5 !important; }
.integration-default-note strong, .workspace-integration-top strong,
.integration-form-header { color: #173456 !important; }
.workspace-integration-card.is-connected, .workspace-integrations-form { background: #f4f8ff !important; border-color: #c5dbf6 !important; }
.integration-credential-field, .integration-credential-field input { color: #173456 !important; }
.integration-credential-field input:focus { outline-color: #b7d4f5 !important; border-color: #1769e0 !important; }

/* The product tour stays functional, with a crisp campaign-network frame. */
.hero-demo-preview {
  overflow: visible !important;
  background: #fff !important;
  border-color: #cfe0f5 !important;
  box-shadow: 0 32px 80px #164a851c, 0 2px 8px #164a8510 !important;
}
.hero-demo-bar { color: #56708f !important; }
.hero-demo-bar i { background: #1769e0 !important; }
.hero-demo-bar i:nth-child(2) { background: #49a0ff !important; }
.hero-demo-bar i:nth-child(3) { background: #9bcaff !important; }
.hero-demo-frame { background: #edf5ff !important; border-color: #dce7f5 !important; }
.hero-demo-caption a { color: #145bc1 !important; }
.hero-platform-orbit { position: absolute; z-index: 2; inset: 0; pointer-events: none; }
.hero-platform-orbit span {
  position: absolute;
  display: inline-flex;
  align-items: center;
  min-height: 31px;
  padding: 0 13px;
  border: 1px solid #d4e5f8;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 8px 24px #174d8518;
  color: #17497f;
  font: 700 10px/1 var(--body);
  letter-spacing: .02em;
}
.hero-platform-orbit span:nth-child(1) { top: -18px; left: 15%; }
.hero-platform-orbit span:nth-child(2) { top: 12%; right: -22px; }
.hero-platform-orbit span:nth-child(3) { bottom: 13%; left: -20px; }
.hero-platform-orbit span:nth-child(4) { bottom: -17px; right: 13%; }

@media (max-width: 820px) {
  .hero-platform-orbit span:nth-child(2) { right: -7px; }
  .hero-platform-orbit span:nth-child(3) { left: -7px; }
}
@media (max-width: 580px) {
  .hero-platform-orbit span { min-height: 26px; padding: 0 9px; font-size: 8px; }
  .hero-platform-orbit span:nth-child(1) { top: -15px; left: 8%; }
  .hero-platform-orbit span:nth-child(2) { top: 12%; right: -4px; }
  .hero-platform-orbit span:nth-child(3) { bottom: 13%; left: -4px; }
  .hero-platform-orbit span:nth-child(4) { bottom: -14px; right: 7%; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; }
}