/*
 * Pictoria One — mineral blue and saffron homepage palette experiment
 *
 * The composition and content are intentionally inherited from 01-copy.
 * This layer is deliberately expressive for the public home. Product UI is
 * outside the scope of this experiment.
 */

:root {
  --cream: #f4f8f8;
  --paper: #fbfdfd;
  --ink: #10293b;
  --muted: #516e7c;
  --line: #d5e3e7;
  --brown: #1b425a;
  --brown-dark: #10293b;
  --amber: #7895a2;
  --terra: #315c73;
  --neutral: #10293b;
  --green: #456d7e;
  --blue: #315c73;
  --surface: rgba(251, 253, 253, .84);
  --surface-strong: #fbfdfd;
  --shadow: 0 22px 60px rgba(16, 41, 59, .10);
  --mono-paper-deep: #e7f0f2;
  --mono-surface-soft: #f7fbfb;
  --mono-graphite: #10293b;
  --mono-slate: #315c73;
  --mono-slate-soft: #7895a2;
}

html {
  color-scheme: light;
}

body {
  background: var(--cream);
  color: var(--ink);
}

::selection {
  background: #cfd5d7;
  color: var(--ink);
}

.site-header {
  border-bottom-color: rgba(32, 39, 42, .12);
  background: rgba(242, 243, 240, .88);
}

.site-header.scrolled {
  border-color: var(--line);
  background: rgba(242, 243, 240, .94);
  box-shadow: 0 8px 30px rgba(17, 21, 23, .05);
}

.wordmark-one {
  color: inherit;
}

.site-nav > a:not(.nav-cta) {
  color: #485156;
}

.site-nav a:not(.nav-cta)::after {
  background: var(--mono-slate);
}

.nav-cta {
  border-color: #b8c0c3;
}

.nav-cta:hover,
.nav-cta:focus-visible {
  border-color: var(--mono-graphite);
  background: var(--mono-graphite);
}

.hero {
  background:
    linear-gradient(rgba(32, 39, 42, .026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(32, 39, 42, .026) 1px, transparent 1px),
    radial-gradient(circle at 77% 34%, rgba(107, 121, 128, .10), transparent 29%),
    linear-gradient(180deg, #f5f6f3 0%, #ecefed 100%);
  background-size: 42px 42px, 42px 42px, auto, auto;
}

.hero h1 em,
.section-heading h2 em,
.ai-copy h2 em,
.deployment-copy h2 em {
  color: var(--mono-slate);
}

.eyebrow,
.authority-principles span,
.governance-item > span,
.deployment-card small,
.faq-home-list .faq-number,
.faq-group-heading span,
.site-nav a[aria-current="page"] {
  color: var(--mono-slate);
}

.eyebrow.light {
  color: #b8c1c5;
}

.eyebrow-dot {
  background: var(--mono-slate-soft);
}

.hero-lede,
.authority-body > p,
.split-heading > p,
.deployment-copy > p:last-child,
.deployment-card p,
.faq-intro-copy p,
.faq-item p,
.faq-home-list .faq-item p {
  color: #5f696e;
}

.hero-orbit {
  border-color: rgba(75, 87, 94, .16);
}

.hero-visual::before {
  background: rgba(105, 118, 124, .09);
}

.hero-product-frame {
  border-color: rgba(32, 39, 42, .25);
  background: #121719;
  box-shadow:
    0 38px 90px rgba(17, 24, 28, .15),
    0 3px 0 rgba(255, 255, 255, .58) inset;
}

.visual-caption,
.hero-note {
  color: #5f696e;
}

.button-primary {
  background: var(--mono-graphite);
  color: #fff;
  box-shadow: 0 10px 24px rgba(25, 33, 37, .16);
}

.button-primary:hover {
  background: #111719;
  box-shadow: 0 14px 28px rgba(25, 33, 37, .22);
}

.text-link {
  border-bottom-color: #9ba5aa;
}

.product-section {
  background:
    radial-gradient(circle at 8% 20%, rgba(119, 132, 138, .07), transparent 24%),
    var(--cream);
}

.proof-strip,
.workflow-cards,
.authority-principles,
.governance-grid,
.roadmap-list,
.faq-list {
  border-color: var(--line);
}

.workflow-card,
.workflow-card:first-child {
  border-color: rgba(56, 67, 72, .14);
  background: rgba(251, 251, 248, .78);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .76) inset;
}

.workflow-card:hover {
  border-color: rgba(75, 87, 94, .30);
  box-shadow: 0 24px 64px rgba(25, 33, 37, .08);
}

.card-index {
  color: #646e73;
}

.intake-icon {
  background: #e2e5e4;
  color: #3e494e;
}

.catalogue-icon {
  background: #d9dedf;
  color: #303a3f;
}

.explore-icon {
  background: #e8eae8;
  color: #536168;
}

.workflow-card > p,
.workflow-card li,
.authority-principles p {
  color: #616b70;
}

.workflow-card li::before {
  background: #849096;
}

.knowledge-section {
  background:
    linear-gradient(rgba(32, 39, 42, .02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(32, 39, 42, .02) 1px, transparent 1px),
    var(--paper);
  background-size: 48px 48px, 48px 48px, auto;
}

.authority-list span {
  border-color: #cbd1d3;
  background: rgba(251, 251, 248, .80);
  color: #4f5a60;
}

.authority-principles article,
.authority-principles article + article {
  border-color: var(--line);
}

.ai-governance-section {
  background:
    radial-gradient(circle at 88% 18%, rgba(123, 140, 148, .15), transparent 30%),
    #171c1f;
  color: #f5f6f3;
}

.ai-governance-head,
.ai-governance-grid article {
  border-color: rgba(255, 255, 255, .14);
}

.ai-governance-head > p {
  color: #b4bdc1;
}

.ai-governance-grid span {
  color: #9eaaaf;
}

.ai-governance-grid p {
  color: #a4adb1;
}

.governance-section {
  background: #f0f2ef;
}

.governance-item,
.governance-item:first-child,
.governance-item:nth-child(3) {
  border-color: rgba(56, 67, 72, .14);
  background: rgba(251, 251, 248, .82);
}

.governance-item:hover {
  border-color: rgba(75, 87, 94, .28);
  box-shadow: 0 18px 48px rgba(25, 33, 37, .07);
}

.governance-item > span {
  border-color: rgba(75, 87, 94, .24);
}

.deployment-section {
  border-color: var(--line);
  background:
    radial-gradient(circle at 84% 12%, rgba(114, 128, 135, .09), transparent 24%),
    #e9ecea;
}

.deployment-card {
  border-color: rgba(56, 67, 72, .16);
  background: rgba(251, 251, 248, .86);
  box-shadow: 0 18px 60px rgba(25, 33, 37, .06);
}

.deployment-card > span {
  color: #646f74;
}

.deployment-card.hosted {
  border-color: #222a2e;
  background: #1a2023;
  color: #f5f6f3;
  box-shadow: 0 24px 72px rgba(17, 22, 25, .17);
}

.deployment-card.hosted::before {
  border-color: rgba(143, 155, 161, .22);
}

.deployment-card.hosted small {
  color: #aeb9bd;
}

.deployment-card.hosted > span {
  color: #879298;
}

.deployment-card.hosted p {
  color: #b5bec2;
}

.faq-section {
  background:
    radial-gradient(circle at 86% 14%, rgba(116, 130, 136, .08), transparent 25%),
    #eef0ee;
}

.faq-home-list {
  border-color: #d1d6d8;
  background: rgba(246, 247, 244, .86);
  box-shadow: 0 24px 70px rgba(25, 33, 37, .06);
}

.faq-home-list .faq-item summary:hover,
.faq-home-list .faq-item summary:focus-visible,
.faq-home-list .faq-item[open] summary {
  background: #fbfbf8;
}

.faq-home-list .faq-icon {
  border-color: rgba(75, 87, 94, .36);
}

.faq-item summary {
  color: #273034;
}

.faq-item summary > span::before,
.faq-item summary > span::after {
  background: var(--mono-slate);
}

.faq-item summary:focus-visible {
  outline-color: var(--mono-slate);
}

.contact-section {
  background:
    radial-gradient(circle at 82% 18%, rgba(170, 182, 187, .12), transparent 30%),
    linear-gradient(135deg, #252d31, #171c1f);
}

.contact-copy > p:last-child,
.contact-action p {
  color: #c2cacf;
}

.contact-form {
  border-color: rgba(255, 255, 255, .18);
  background: rgba(5, 10, 12, .14);
  box-shadow: 0 28px 70px rgba(5, 10, 12, .17);
}

.contact-form label > span:first-child {
  color: #e4e8e9;
}

.contact-form input,
.contact-form select,
.contact-form textarea {
  border-color: rgba(255, 255, 255, .23);
  background: rgba(255, 255, 255, .075);
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
  border-color: rgba(255, 255, 255, .70);
  background: rgba(255, 255, 255, .12);
}

.contact-form .contact-consent > span,
.contact-status {
  color: #c8d0d3;
}

.contact-status.is-error {
  color: #e4e8e9;
}

.button-light {
  background: #f5f6f3;
  color: #20272a;
}

.site-footer {
  background: #0f1416;
}

.footer-main > div > p,
.footer-links a {
  color: #aab3b7;
}

.footer-links span,
.footer-bottom {
  color: #747f84;
}

.footer-bottom {
  border-color: #293135;
}

@media (max-width: 760px) {
  .site-header {
    background: rgba(242, 243, 240, .96);
  }
}

/* Blue scale overrides: no independent accent colour is introduced. */
.site-header {
  border-bottom-color: rgba(16, 41, 59, .12);
  background: rgba(244, 248, 248, .88);
}

.site-header.scrolled {
  background: rgba(244, 248, 248, .95);
  box-shadow: 0 8px 30px rgba(16, 41, 59, .05);
}

.site-nav > a:not(.nav-cta),
.hero-lede,
.authority-body > p,
.split-heading > p,
.deployment-copy > p:last-child,
.deployment-card p,
.faq-intro-copy p,
.faq-item p,
.faq-home-list .faq-item p,
.visual-caption,
.hero-note {
  color: #516e7c;
}

.site-nav a:not(.nav-cta)::after,
.hero h1 em,
.section-heading h2 em,
.ai-copy h2 em,
.deployment-copy h2 em,
.eyebrow,
.authority-principles span,
.governance-item > span,
.deployment-card small,
.faq-home-list .faq-number,
.faq-group-heading span,
.site-nav a[aria-current="page"],
.faq-item summary > span::before,
.faq-item summary > span::after {
  color: #315c73;
}

.site-nav a:not(.nav-cta)::after,
.faq-item summary > span::before,
.faq-item summary > span::after { background-color: #315c73; }

.hero {
  background:
    linear-gradient(rgba(49, 92, 115, .026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(49, 92, 115, .026) 1px, transparent 1px),
    radial-gradient(circle at 77% 34%, rgba(120, 149, 162, .14), transparent 29%),
    linear-gradient(180deg, #f8fbfb 0%, #edf5f6 100%);
  background-size: 42px 42px, 42px 42px, auto, auto;
}

.hero-orbit { border-color: rgba(49, 92, 115, .18); }
.hero-visual::before { background: rgba(120, 149, 162, .13); }

.hero-product-frame {
  border-color: rgba(16, 41, 59, .28);
  background: #10293b;
  box-shadow: 0 38px 90px rgba(16, 41, 59, .16), 0 3px 0 rgba(255, 255, 255, .62) inset;
}

.button-primary,
.nav-cta:hover,
.nav-cta:focus-visible {
  background: #1b425a;
}

.button-primary:hover { background: #10293b; }
.nav-cta { border-color: #a9c0c9; }
.text-link { border-bottom-color: #9bb4be; }

.product-section {
  background: radial-gradient(circle at 8% 20%, rgba(120, 149, 162, .10), transparent 24%), var(--cream);
}

.workflow-card,
.workflow-card:first-child {
  border-color: rgba(49, 92, 115, .16);
  background: rgba(251, 253, 253, .80);
}

.workflow-card:hover {
  border-color: rgba(49, 92, 115, .34);
  box-shadow: 0 24px 64px rgba(16, 41, 59, .09);
}

.intake-icon { background: #dcecef; color: #315c73; }
.catalogue-icon { background: #d3e5e9; color: #1b425a; }
.explore-icon { background: #e5f0f2; color: #456d7e; }
.workflow-card > p,
.workflow-card li,
.authority-principles p,
.card-index { color: #516e7c; }
.workflow-card li::before { background: #7895a2; }

.knowledge-section,
.faq-section {
  background:
    radial-gradient(circle at 86% 14%, rgba(120, 149, 162, .10), transparent 25%),
    #edf5f6;
}

.faq-home-list {
  border-color: #cfdee3;
  background: rgba(247, 251, 251, .88);
  box-shadow: 0 24px 70px rgba(16, 41, 59, .07);
}

.faq-home-list .faq-item summary:hover,
.faq-home-list .faq-item summary:focus-visible,
.faq-home-list .faq-item[open] summary { background: #fbfdfd; }
.faq-home-list .faq-icon { border-color: rgba(49, 92, 115, .38); }
.faq-item summary { color: #1b425a; }

.contact-section { background: linear-gradient(135deg, #1b425a, #10293b); }
.contact-copy > p:last-child,
.contact-action p { color: #d1e0e5; }
.contact-form { background: rgba(5, 25, 37, .15); box-shadow: 0 28px 70px rgba(5, 25, 37, .18); }
.contact-form label > span:first-child { color: #e8f1f3; }
.contact-form .contact-consent > span,
.contact-status { color: #d5e3e7; }
.button-light { background: #f4f8f8; color: #10293b; }

.site-footer { background: #0b2234; }
.footer-main > div > p,
.footer-links a { color: #b6cbd2; }
.footer-links span,
.footer-bottom { color: #7d9aa7; }
.footer-bottom { border-color: #1c4257; }

@media (max-width: 760px) {
  .site-header { background: rgba(244, 248, 248, .97); }
}

/* Homepage direction: a public-facing editorial layer, separate from product UI. */
:root {
  --cream: #fff9ee;
  --paper: #fffdf8;
  --ink: #131b42;
  --muted: #4d5683;
  --line: #d8d8ec;
  --brown: #1826c9;
  --brown-dark: #101a8a;
  --amber: #f8c93b;
  --terra: #1826c9;
  --neutral: #131b42;
  --green: #1826c9;
  --blue: #1826c9;
  --surface: rgba(255, 253, 248, .88);
  --surface-strong: #fffdf8;
  --shadow: 0 22px 60px rgba(24, 38, 201, .12);
}

body { background: var(--cream); color: var(--ink); }
::selection { background: #f8c93b; color: #131b42; }

.site-header,
.site-header.scrolled {
  background: rgba(255, 249, 238, .94);
  border-color: rgba(24, 38, 201, .16);
  box-shadow: none;
}

.wordmark-one,
.site-nav > a:not(.nav-cta),
.hero-lede,
.authority-body > p,
.split-heading > p,
.deployment-copy > p:last-child,
.deployment-card p,
.faq-intro-copy p,
.faq-item p,
.faq-home-list .faq-item p,
.visual-caption,
.hero-note,
.workflow-card > p,
.workflow-card li,
.authority-principles p,
.card-index { color: #4d5683; }

.site-nav a:not(.nav-cta)::after,
.faq-item summary > span::before,
.faq-item summary > span::after { background: #1826c9; }

.hero {
  color: #fff9ee;
  background:
    linear-gradient(rgba(255, 249, 238, .075) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 249, 238, .075) 1px, transparent 1px),
    radial-gradient(circle at 78% 30%, rgba(248, 201, 59, .27), transparent 28%),
    #1826c9;
  background-size: 44px 44px, 44px 44px, auto, auto;
}

.hero h1,
.hero .hero-lede,
.hero .visual-caption,
.hero .hero-note { color: #fff9ee; }
.hero h1 em,
.hero .eyebrow { color: #f8c93b; }
.hero .eyebrow-dot { background-color: #f8c93b; }
.hero-orbit { border-color: rgba(255, 249, 238, .25); }
.hero-visual::before { background: rgba(248, 201, 59, .18); }
.hero-product-frame {
  border-color: rgba(255, 249, 238, .64);
  background: #101a8a;
  box-shadow: 0 38px 90px rgba(9, 13, 92, .32), 0 3px 0 rgba(255, 255, 255, .25) inset;
}

.button-primary,
.nav-cta:hover,
.nav-cta:focus-visible {
  background: #f8c93b;
  color: #131b42;
  border-color: #f8c93b;
  box-shadow: 0 12px 28px rgba(9, 13, 92, .22);
}
.button-primary:hover { background: #ffe072; }
.nav-cta { border-color: #1826c9; color: #1826c9; }
.text-link { border-bottom-color: #f8c93b; }

.product-section { background: #fff9ee; }
.workflow-card,
.workflow-card:first-child {
  border-color: #d8d8ec;
  background: #fffdf8;
  box-shadow: 0 1px 0 rgba(255,255,255,.88) inset;
}
.workflow-card:hover { border-color: #1826c9; box-shadow: 0 24px 64px rgba(24,38,201,.10); }
.intake-icon { background: #e4e7ff; color: #1826c9; }
.catalogue-icon { background: #fff0ba; color: #7d5700; }
.explore-icon { background: #e8e9ff; color: #101a8a; }
.workflow-card li::before { background: #f8c93b; }

.knowledge-section,
.faq-section { background: #f0efff; }
.faq-home-list { background: #fffdf8; border-color: #d8d8ec; box-shadow: 0 24px 70px rgba(24,38,201,.08); }
.faq-home-list .faq-item summary:hover,
.faq-home-list .faq-item summary:focus-visible,
.faq-home-list .faq-item[open] summary { background: #fff9ee; }
.faq-home-list .faq-icon { border-color: rgba(24,38,201,.38); }
.faq-item summary { color: #131b42; }

.contact-section { background: #101a8a; }
.contact-copy > p:last-child,
.contact-action p { color: #dfe1ff; }
.contact-form { background: rgba(5, 10, 89, .18); box-shadow: 0 28px 70px rgba(5,10,89,.24); }
.contact-form label > span:first-child { color: #fff9ee; }
.contact-form .contact-consent > span,
.contact-status { color: #dfe1ff; }
.button-light { background: #f8c93b; color: #131b42; }

.site-footer { background: #131b42; }
.footer-main > div > p,
.footer-links a { color: #d6d9f4; }
.footer-links span,
.footer-bottom { color: #aeb4e0; }
.footer-bottom { border-color: #3b478d; }

@media (max-width: 760px) {
  .site-header { background: rgba(255, 249, 238, .98); }
}

/* Softer mineral alternative: blue carries the field; saffron marks decisions. */
:root {
  --cream: #f5f6f2;
  --paper: #fcfdf9;
  --ink: #153a4f;
  --muted: #496b7b;
  --line: #d6e0df;
  --brown: #244e66;
  --brown-dark: #153a4f;
  --amber: #e0a832;
  --terra: #244e66;
  --neutral: #153a4f;
  --green: #244e66;
  --blue: #244e66;
  --surface: rgba(252, 253, 249, .88);
  --surface-strong: #fcfdf9;
  --shadow: 0 22px 60px rgba(21, 58, 79, .11);
}

body { background: var(--cream); color: var(--ink); }
::selection { background: #e0a832; color: #153a4f; }

.site-header,
.site-header.scrolled {
  background: rgba(245, 246, 242, .95);
  border-color: rgba(36, 78, 102, .15);
  box-shadow: none;
}

.wordmark-one,
.site-nav > a:not(.nav-cta),
.hero-lede,
.authority-body > p,
.split-heading > p,
.deployment-copy > p:last-child,
.deployment-card p,
.faq-intro-copy p,
.faq-item p,
.faq-home-list .faq-item p,
.visual-caption,
.hero-note,
.workflow-card > p,
.workflow-card li,
.authority-principles p,
.card-index { color: #496b7b; }

.site-nav a:not(.nav-cta)::after,
.faq-item summary > span::before,
.faq-item summary > span::after { background: #244e66; }

.hero {
  color: #f5f6f2;
  background:
    linear-gradient(rgba(245, 246, 242, .075) 1px, transparent 1px),
    linear-gradient(90deg, rgba(245, 246, 242, .075) 1px, transparent 1px),
    radial-gradient(circle at 77% 30%, rgba(224, 168, 50, .24), transparent 29%),
    #244e66;
  background-size: 44px 44px, 44px 44px, auto, auto;
}
.hero h1,
.hero .hero-lede,
.hero .visual-caption,
.hero .hero-note { color: #f5f6f2; }
.hero h1 em,
.hero .eyebrow { color: #e0a832; }
.hero .eyebrow-dot { background-color: #e0a832; }
.hero-orbit { border-color: rgba(245, 246, 242, .24); }
.hero-visual::before { background: rgba(224, 168, 50, .17); }
.hero-product-frame {
  border-color: rgba(245, 246, 242, .58);
  background: #153a4f;
  box-shadow: 0 38px 90px rgba(11, 36, 50, .28), 0 3px 0 rgba(255,255,255,.22) inset;
}

.button-primary,
.nav-cta:hover,
.nav-cta:focus-visible {
  background: #e0a832;
  color: #153a4f;
  border-color: #e0a832;
  box-shadow: 0 12px 28px rgba(11,36,50,.18);
}
.button-primary:hover { background: #efc45e; }
.nav-cta { border-color: #244e66; color: #244e66; }
.text-link { border-bottom-color: #e0a832; }

.product-section { background: #f5f6f2; }
.workflow-card,
.workflow-card:first-child { border-color: #d6e0df; background: #fcfdf9; }
.workflow-card:hover { border-color: #244e66; box-shadow: 0 24px 64px rgba(21,58,79,.09); }
.intake-icon { background: #dce9e8; color: #244e66; }
.catalogue-icon { background: #f9e7ba; color: #7c5810; }
.explore-icon { background: #e5efee; color: #153a4f; }
.workflow-card li::before { background: #e0a832; }

.knowledge-section,
.faq-section { background: #eaf0ed; }
.faq-home-list { background: #fcfdf9; border-color: #d6e0df; box-shadow: 0 24px 70px rgba(21,58,79,.07); }
.faq-home-list .faq-item summary:hover,
.faq-home-list .faq-item summary:focus-visible,
.faq-home-list .faq-item[open] summary { background: #f5f6f2; }
.faq-home-list .faq-icon { border-color: rgba(36,78,102,.35); }
.faq-item summary { color: #153a4f; }

.contact-section { background: #153a4f; }
.contact-copy > p:last-child,
.contact-action p { color: #d8e6e5; }
.contact-form { background: rgba(8, 36, 49, .17); box-shadow: 0 28px 70px rgba(8,36,49,.20); }
.contact-form label > span:first-child { color: #f5f6f2; }
.contact-form .contact-consent > span,
.contact-status { color: #d8e6e5; }
.button-light { background: #e0a832; color: #153a4f; }

.site-footer { background: #102d3d; }
.footer-main > div > p,
.footer-links a { color: #c9dcda; }
.footer-links span,
.footer-bottom { color: #91acae; }
.footer-bottom { border-color: #315567; }

@media (max-width: 760px) {
  .site-header { background: rgba(245, 246, 242, .98); }
}