/* ALFRED — light reading surfaces, October 2026.
   Scoped tokens keep the film, network and passport in their dark identity. */
:is(.alfred-flow,.purchase,.audience,.faq,.contact,.demo-callout),
body:is([data-page="client"],[data-page="about"],[data-page="demo"]) {
  --bg:#f4f2eb;
  --surface:#fffefa;
  --fg:#202a25;
  --muted:#5b655e;
  --gold:#80601f;
  --gold-soft:#947844;
  --line:#23362a26;
  color-scheme:light;
  color:var(--fg);
  background:var(--bg);
}
:is(.alfred-flow,.purchase,.audience,.faq,.contact) {
  max-width:none;
  padding-inline:max(var(--gutter),calc((100% - 1624px)/2));
}
:is(.purchase,.contact) {--bg:#faf9f5;}
.audience {--bg:#eeece4;}
:is(.alfred-flow,.purchase,.audience,.faq,.contact) h2>span {color:#667266;}
:is(.alfred-flow,.purchase,.audience,.faq,.contact) .section-label {
  font-size:12px;
  letter-spacing:.06em;
}
:is(.alfred-flow,.purchase,.audience,.faq,.contact) .text-link {
  font-size:13px;
  border-color:#80601f66;
}
:is(.alfred-flow,.purchase,.audience,.faq,.contact) h3 {font-weight:380;}
.flow-heading>p {font-size:16px;line-height:1.8;}
.flow-steps p {font-size:16px;line-height:1.75;max-width:290px;}
.flow-steps h3 {font-weight:400;}
.flow-team {background:#e7ebe2;border-color:#bfc9ba;}
.flow-team p {font-size:15px;}
.flow-scope {font-size:13px;}
.purchase .benefit-short {font-size:16px;line-height:1.8;}
.purchase .benefit-top svg {stroke:#697761;}
.purchase .benefit-top svg .icon-accent {stroke:var(--gold);}
.purchase .benefit-detail summary,.purchase .quiet-detail summary {
  color:#424e44;font-size:13px;
}
.purchase .benefit-detail>p,.purchase .quiet-detail>p {
  font-size:15px;line-height:1.8;
}
.purchase .service-future {font-size:14px;}
.purchase .mission-strip {background:#ede9dd;}
.purchase .mission-strip .micro {font-size:11px;}
.purchase .mission-offer>p {font-size:15px;}
.purchase .mission-offer .fee-title {font-size:24px;}
.audience .audience-grid {background:#faf9f5;}
.audience .audience-tile {transition:background .2s,color .2s;}
.audience .audience-kind {font-size:14px;}
.audience .audience-tile[aria-pressed="true"] {
  background:#203e31;color:#fffef8;box-shadow:inset 0 3px #cfb470;
}
.audience .audience-tile[aria-pressed="true"] :is(.audience-kind,.audience-tile-top>span) {
  color:#e0e6dc;
}
.audience .audience-tile[aria-pressed="true"] :is(.audience-tile-top,.audience-arrow) {
  color:#e3c77f;
}
.audience .audience-result {font-size:14px;}
.audience .audience-result>span:first-child {font-size:11px;}
@media(hover:hover) {
  .audience .audience-tile:not([aria-pressed="true"]):hover {background:#e7e3d7;}
}
.faq .faq-header>p {font-size:15px;}
.faq .faq-number {font-size:12px;color:var(--gold);}
.faq .faq-answer {font-size:16px;line-height:1.85;}
.faq .faq-source {font-size:12px;}
.faq .faq-item[open] {background:#fffefa;}
.faq .faq-item[open]>summary {color:var(--gold);}
.demo-callout {background:#e5e9df;border-color:#bfc8b9;}
.demo-callout p {font-size:15px;}
.demo-callout>.text-link {color:var(--fg);font-size:13px;border-color:#80601f66;}
.contact .contact-grid>div>p {font-size:16px;}
.contact .contact-phone {font-size:15px;color:var(--muted);}
.contact .contact-area {font-size:11px;}
:is(.contact,body[data-page="demo"]) .field label {color:#344137;font-size:14px;}
:is(.contact,body[data-page="demo"]) .field :is(input,select,textarea) {
  color:var(--fg);font-size:16px;border-color:#7d8a7e;
}
:is(.contact,body[data-page="demo"]) .field :is(input,textarea)::placeholder {color:#6b736b;}
:is(.contact,body[data-page="demo"]) .submit {
  background:#203e31;color:#fffef8;font-size:14px;min-height:56px;
}
:is(.contact,body[data-page="demo"]) .submit:hover {background:#2e5342;}
:is(.contact,body[data-page="demo"]) .form-note {color:var(--muted);font-size:12px;}
:is(.contact,body[data-page="demo"]) .contact-result {background:#e8eddf;border-color:#b1c0a5;}
:is(.contact,body[data-page="demo"]) .contact-result>p {color:#315a37;}

/* Dark brand headers remain consistent on every page. */
:is(.header,.client-header,.demo-header,.footer) {
  --bg:#090a09;--surface:#10120f;--fg:#eeede5;--muted:#b6bbae;
  --gold:#d4ae50;--gold-soft:#9d8445;--line:#ffffff24;
  color:var(--fg);color-scheme:dark;
}
:is(.client-header,.demo-header) {background:#090a09;}
.navigation>a,.navigation .nav-contact {font-size:11px;}
.header .language-switch {font-size:11px;}
.header .language-switch button,.client-header .language-switch button,
.demo-header .language-switch button {color:#b6bbae;}
:is(.header,.client-header,.demo-header) .language-switch button[aria-pressed="true"] {color:var(--gold);}
:is(.header,.client-header,.demo-header) .language-switch>span {color:#8d9588;}
.client-header :is(.back-site,.client-header-label),
.demo-header-right>a {color:#c5cabd;font-size:11px;}

/* Light editorial pages and an easy-to-read appointment form. */
body[data-page="about"] .about-story>p {font-size:17px;line-height:1.85;}
body[data-page="about"] .about-story>.about-intro {font-size:25px;color:var(--fg);}
body[data-page="about"] .about-story>.about-bridge {font-size:25px;color:var(--fg);}
body[data-page="about"] .about-eyebrow,
body[data-page="about"] .about-footer {font-size:12px;}
body[data-page="about"] .about-closing .text-link {font-size:13px;}
body[data-page="demo"] .demo-form-panel {background:var(--surface);border-color:var(--line);}
body[data-page="demo"] .demo-intro-copy {font-size:17px;}
body[data-page="demo"] :is(.demo-form-intro,.demo-agenda p) {font-size:15px;}
body[data-page="demo"] .demo-intro>.micro {font-size:12px;}
body[data-page="demo"] .demo-intro>.text-link {font-size:13px;}
body[data-page="demo"] .demo-zone {font-size:12px;color:var(--muted);}
body[data-page="demo"] .demo-footer {font-size:12px;}

/* Client workspaces: paper-coloured canvas, legible ink and clear status colours. */
body[data-page="client"] {font-size:15px;}
body[data-page="client"] .client-sidebar {background:#eaece4;}
body[data-page="client"] :is(.property-card,.client-panel,.document-card,.quarter-properties article) {
  background:var(--surface);border-color:var(--line);
}
body[data-page="client"] .property-card {box-shadow:0 5px 24px #27332705;}
body[data-page="client"] .client-dialog {background:var(--surface);color:var(--fg);border-color:#a6ae9f;}
body[data-page="client"] .client-dialog::backdrop {background:#17251ca6;}
body[data-page="client"] .client-nav a {color:#46554a;font-size:13px;min-height:44px;}
body[data-page="client"] .client-nav a:hover {background:#dce2d5;}
body[data-page="client"] .client-nav a[aria-current="page"] {
  background:#203e31;color:#fffef8;border-color:#b59950;
}
body[data-page="client"] .client-nav a[aria-current="page"] .nav-count {color:#edd596;}
body[data-page="client"] .back-properties {color:var(--gold)!important;}
body[data-page="client"] :is(.account>div>span,.sidebar-note,.sidebar-note button,
.demo-banner,.client-toolbar .micro,.property-info .location,.property-info .property-meta,
.decision-item .micro,.decision-item>p,.timeline time,.timeline small,.issue-row p,
.issue-row .issue-status,.document-card p,.empty-state,.client-dialog p,
.client-statline,.quarter-properties .micro,.document-filter label,.doc-origin,
.doc-card-meta,.document-future,.document-facts dt,.doc-caption .doc-issuer) {
  color:var(--muted);
}
body[data-page="client"] :is(.account>div>span,.sidebar-note,.sidebar-note button,
.client-toolbar .micro,.timeline time,.timeline small,.doc-origin,.doc-card-meta,
.document-future,.document-facts dt) {font-size:12px;}
body[data-page="client"] :is(.demo-banner,.property-info .location,.property-info .property-meta,
.decision-item>p,.issue-row p,.document-card p,.client-dialog p,.client-statline,
.quarter-heading p,.quarter-properties dd,.document-workflow-heading p,
.document-filter label,.doc-caption .doc-issuer) {font-size:14px;}
body[data-page="client"] :is(.timeline p,.document-facts dd) {color:var(--fg);font-size:15px;}
body[data-page="client"] :is(.account strong,.panel-title h2,.section-mini h2) {font-size:15px;font-weight:500;}
body[data-page="client"] .property-info h3 {font-size:26px;font-weight:400;}
body[data-page="client"] .client-toolbar h1 {font-weight:350;}
body[data-page="client"] .client-tools select,
body[data-page="client"] .document-filter select,
body[data-page="client"] .client-dialog :is(input,textarea,select) {
  background:#fffefa;color:var(--fg);border-color:#9ba792;font-size:15px;
}
body[data-page="client"] .client-dialog label {font-size:14px;}
body[data-page="client"] .client-primary {
  background:#203e31;color:#fffef8;font-size:13px;min-height:46px;
}
body[data-page="client"] .client-primary:hover {background:#2e5342;}
body[data-page="client"] .client-secondary {
  color:#614d22;border-color:#9b8962;font-size:12px;
}
body[data-page="client"] :is(.client-feedback,.document-dropzone,.document-excerpt) {
  background:#e9ede3;color:#34503b;border-color:#899c7e;
}
body[data-page="client"] .demo-tag {background:#ebe5d5;border-color:#b5a270;font-size:10px;}
body[data-page="client"] .decision-item h3,
body[data-page="client"] .issue-row h3 {font-size:16px;}
body[data-page="client"] .decision-item button {font-size:12px;}
body[data-page="client"] .decision-done {color:#356448;font-size:12px;}
body[data-page="client"] .issue-row>span {font-size:12px;}
body[data-page="client"] .issue-row .priority {color:#805a13;}
body[data-page="client"] .document-card h3 {font-size:17px;}
body[data-page="client"] .doc-type {font-size:11px;}
body[data-page="client"] .document-card button {color:var(--fg);font-size:12px;}
body[data-page="client"] .doc-thumb-action {color:#f6edda;}
body[data-page="client"] .doc-thumbnail:hover .doc-thumb-action {background:#203e31;color:#fffef8;}
body[data-page="client"] .section-mini>a {font-size:12px;}
body[data-page="client"] .quarter-metrics span {font-size:13px;}
body[data-page="client"] .quarter-properties dt {font-size:12px;}
body[data-page="client"] .timeline li {border-color:#a8b49c;}
body[data-page="client"] .document-steps li {color:#42593e;font-size:14px;}
body[data-page="client"] .document-local-note {color:#665420!important;font-size:12px!important;}
body[data-page="client"] .document-review-item {border-color:#b5c0aa;}
body[data-page="client"] .document-review-item legend {color:#40533b;font-size:13px;}
body[data-page="client"] .document-extra summary {color:#43543c;font-size:12px;}
body[data-page="client"] .document-remove {color:#66543a;font-size:12px;}
body[data-page="client"] .document-error {color:#9c372b!important;}
body[data-page="client"] :is(.modal-note,.demo-warning) {color:#6d5823;font-size:12px;}
body[data-page="client"] .case-demo {background:#fffefa;border-color:#c1cabb;}
body[data-page="client"] .case-message {background:#e8eee1;}
body[data-page="client"] .case-steps li:has([aria-pressed="true"]) {background:#e4eadc;}
body[data-page="client"] .case-steps button {font-size:14px;}
body[data-page="client"] :is(.case-heading>p,.case-detail>p,.case-record>p,.case-footer>p,
.case-confidential p,.case-confidential small) {font-size:15px;}
body[data-page="client"] .case-detail h3 {font-size:13px;}
body[data-page="client"] .case-footer button {font-size:13px;}
body[data-page="client"] .case-detail .case-human {font-size:14px;}
body[data-page="client"] .case-files {font-size:14px;}
body[data-page="client"] .document-dropzone.is-dragging {background:#dde8d2;}
body[data-page="client"] .client-dialog :is(input,textarea,select):focus {outline:2px solid #80601f;outline-offset:2px;}

/* Smaller screens retain generous reading sizes without widening cards. */
@media(max-width:800px) {
  .navigation>a,.navigation .nav-contact {font-size:14px;}
}
@media(max-width:560px) {
  :is(.alfred-flow,.purchase,.audience,.faq,.contact) .section-label {font-size:11px;gap:15px;}
  .flow-heading>p,.flow-steps p,.flow-team p {font-size:15px;}
  .flow-scope {font-size:13px;}
  .purchase .benefit-short,.purchase .benefit-detail>p {font-size:15px;}
  .audience .audience-kind {font-size:13px;}
  .audience .audience-tile {min-height:224px;}
  .audience .audience-result {font-size:13px;}
  .faq .faq-answer {font-size:15px;}
  .faq .faq-number {font-size:11px;}
  body[data-page="about"] .about-story>p {font-size:16px;}
  body[data-page="about"] .about-story>.about-intro {font-size:22px;}
  body[data-page="about"] .about-story>.about-bridge {font-size:23px;}
  body[data-page="client"] .client-nav {gap:5px;}
  body[data-page="client"] .client-nav a {font-size:12px;padding:10px 8px;}
  body[data-page="client"] .client-primary {font-size:12px;}
  body[data-page="client"] .client-tools select,
  body[data-page="client"] .document-filter select,
  body[data-page="client"] .client-dialog :is(input,textarea,select) {font-size:16px;}
  body[data-page="client"] .case-steps button {font-size:12px;}
  body[data-page="client"] .case-demo {padding:22px 16px;}
  body[data-page="client"] .document-steps li {font-size:12px;}
  body[data-page="client"] .client-header .back-site {font-size:11px;}
}