/* Warm daylight palette. Loaded after marketing, motion and form styles. */
:root {
  --bg: #f8f5ef;
  --panel: #fffefa;
  --panel-light: #f1ece3;
  --ink: #202c39;
  --muted: #58636c;
  --accent: #b44816;
  --line: #dad5cb;
  --paper: #eee8dd;
  --dark: #202c39;
  --blue-ink: #185abc;
  --red-ink: #b3261e;
  --yellow-ink: #806000;
  --green-ink: #187038;
  --warm-action: #b44816;
  --warm-action-hover: #91370d;
  color-scheme: light;
}

body { background: var(--bg); color: var(--ink); }
::selection { background: #f7c99f; color: #202c39; }
:focus-visible { outline-color: #185abc; }
.eyebrow { color: var(--warm-action); }
.button, .button-dark {
  background: var(--warm-action);
  color: #fff;
  box-shadow: 0 5px 15px #943b1012;
}
.button:hover, .button-dark:hover {
  background: var(--warm-action-hover);
  color: #fff;
  box-shadow: 0 8px 25px #943b1026;
}
.quiet-link { color: #394754; }
.quiet-link:hover, .text-link:hover { color: var(--warm-action); }
.skip-link { background: var(--ink); color: #fff; }

/* Clear navigation, with the four-color signature retained. */
.site-header { background: #fffdf8; border-bottom-color: var(--line); }
.brand svg { color: var(--blue-ink); }
.brand > span { color: #263342; }
.site-header nav > a:not(.button) { color: #4c5864; }
.site-header nav > a:not(.button):hover,
.site-header nav > a[aria-current] { color: var(--blue-ink); }
.menu-toggle { color: var(--ink); }

/* The opening scene remains a working diagram in a bright, tactile setting. */
.hero:before {
  right: -3%; top: 0; width: 68%; height: 100%;
  background: radial-gradient(ellipse, #f2b97c24, transparent 68%);
}
.hero h1 em { color: var(--blue-ink); }
.hero-description { color: #55616c; }
.hero-proof strong { color: #263342; }
.hero-proof p { color: #59646d; border-left-color: #c9c5bc; }
.workflow-visual {
  background: radial-gradient(ellipse at 50% 37%, #fff1df 0, transparent 75%), #fffefa;
  border-color: #d6cec1;
  box-shadow: 0 22px 70px #7552340d, 0 3px 12px #75523405;
}
.workflow-visual:before { background: radial-gradient(ellipse, #d5842720, transparent 67%); }
.visual-topline { color: #3c4b5b; }
.visual-label { color: #69727a; }
.workflow-tabs { background: #f0ede7; border-color: #d7d0c5; }
.workflow-tabs button { color: #536271; }
.workflow-tabs button:hover { background: #e7e4dd; color: #223447; }
.workflow-tabs button[aria-pressed=true] { background: #e3edfe; color: #174e98; }
.workflow-tabs button:nth-child(2)[aria-pressed=true] { background: #fbe8e3; color: #9b3326; }
.workflow-tabs button:nth-child(3)[aria-pressed=true] { background: #e5f1e7; color: #236335; }
.workflow-node { background: #fffefa; border-color: #d1d9df; }
.node-symbol { color: var(--blue-ink); border-color: #acc4e1; background: #edf3fb; }
.node-caption { color: #576c81; }
.workflow-node strong { color: #263748; }
.workflow-node small { color: #5b6b7a; }
.workflow-connector { background: #a7bbcb; }
.ai-node {
  border-color: #9bb9dc;
  background: radial-gradient(ellipse at 50% 0, #e5efff, #f1f6fc 80%);
  box-shadow: 0 8px 25px #4285f407;
}
.ai-node strong { color: #203e61; }
.ai-node .node-caption { color: #275d9d; }
.ai-node p { color: #49647f; }
.ai-orbit { background: #e0ebf8; border-color: #719bd0; color: #255d9d; }
.ai-tags span { color: #405e80; border-color: #acc1d9; background: #f8fbff; }
.output-node .node-symbol { color: var(--green-ink); border-color: #a3c6ae; background: #eef7ee; }
.feedback-line { border-color: #c7d4d6; color: #49636a; }
.visual-bottomline { border-color: #d6dcd9; color: #466689; }
.visual-bottomline span:last-child { color: #296940; }
.belief-strip { background: #f1ece3; }
.belief-strip p { color: #59656c; }

/* Soft paper changes give each business section a distinct setting. */
.card-index { color: #687480; }
.ambition-section { background: #eee8dd; color: var(--ink); }
.ambition-number > span { color: var(--blue-ink); }
.ambition-copy .eyebrow { color: var(--warm-action); }
.ambition-copy > p:not(.eyebrow) { color: #58616a; }
.ambition-copy p.ambition-note { border-left-color: #c3804b; }
.ambition-copy .text-link:hover { color: var(--warm-action); }
.row-tag { color: #5b665e; background: #f1eee7; border-color: #d7d5c8; }
.opportunity-list article:hover .row-tag { background: #fffdfa; }
.process-section { background: #f0eee7; border-color: #d9d7cd; }
.process-grid article { border-top-color: #c8cabe; }
.process-grid article:before { box-shadow: 0 0 0 7px #f0eee7; }
.process-grid p { color: #596772; }
@keyframes step-pulse {
  0%,12%,100% { box-shadow: 0 0 0 7px #f0eee7; }
  6% { box-shadow: 0 0 0 7px #f0eee7, 0 0 0 9px var(--step-color); }
}
.capability-card { background: #fffefa; border-color: #d9d7ce; box-shadow: 0 6px 18px #75523403; }
.capability-top small { color: #657382; }
.capability-card:nth-child(2):before {
  box-shadow: 0 10px 0 -1px #fffefa, 0 10px 0 0 #ea433575, 0 20px 0 -1px #fffefa, 0 20px 0 0 #ea433540;
}
.experience-band { background: #edf1eb; border-color: #cfd8cc; }
.experience-stat { color: #215846; }
.experience-stat small { color: #5b7065; }
.experience-band p:not(.eyebrow) { color: #54665b; }
.experience-band:after {
  background: repeating-linear-gradient(90deg, transparent 0 35px, #4285f41d 35px 37px), repeating-linear-gradient(0deg, transparent 0 35px, #34a85319 35px 37px);
}

/* Editorial illustrations retain their motion and gain a paper palette. */
.insight-art { border-color: #d1d8df; }
.insight-art b { color: #536578; }
.art-1 { background: radial-gradient(ellipse at 65% 30%, #e7eefb, #f0f4fa 78%); }
.art-2 { background: #e8efe5; }
.art-2 b { color: #466047; }
.art-3 { background: radial-gradient(ellipse at 40% 45%, #f8e7d4, #fbefe1 80%); }
.insight-card:hover .insight-art { border-color: #87a8d2; }
.insight-meta { color: #65717e; }
.insight-card:hover h3 { color: var(--blue-ink); }
.conversation { background: #f9dfc3; color: #362c26; border: 1px solid #edcfae; }
.conversation .eyebrow { color: #934119; }
.conversation-bottom p { color: #654d3d; }
.conversation-orbit { border-color: #bc784138; }
.conversation-orbit:before { border-color: #c169413d; border-top-color: #c1694180; border-right-color: transparent; }
.conversation-orbit:after { border-color: #69836045; border-left-color: #6983608f; border-bottom-color: #b69135; }
.site-footer { background: #f0eae1; border-top-color: #d9cfc1; }
.footer-top > div > p { color: #5a655f; }
.footer-links .eyebrow { color: #646d68; }
.footer-links a { color: #46544f; }
.footer-links a:hover { color: var(--warm-action); }
.footer-bottom { color: #637069; border-top-color: #d4cec3; }
.footer-bottom a:hover { color: #253f30; }

/* Reading pages and their small engineering animations. */
.page-intro .lede { color: #596773; }
.article-byline { color: #647582; }
.page-orbit { border-color: #4285f42b; }
.page-orbit:before { border-color: #34a85326; }
.page-orbit:after { border-color: #b28b1738; }
.content-aside .eyebrow { color: #657583; }
.content-aside nav a { color: #55697c; }
.content-aside nav a span { color: #6b7985; }
.content-aside nav a:hover,
.content-aside nav a.is-active,
.content-aside nav a[aria-current=true] { color: var(--blue-ink); }
.aside-cta { background: #f7e7d4; border-color: #e4c7a7; color: #513b2c; }
.aside-cta > span { color: var(--warm-action); }
.aside-cta:after { border-color: #b77d3c35; }
.editorial-copy p, .editorial-copy li { color: #556573; }
.privacy-copy p, .privacy-copy li { color: #556573; }
.privacy-copy a, #lead-form .consent-row a, .contact-note a { color: #185abc; text-decoration: underline; text-underline-offset: 4px; }
.strength-diagram { background: #fffefa; border-color: #d6dcd9; }
.strength-caption { color: #546a7a; }
.strength-visual[data-effect=route] i { border-color: #fffefa; }
.strength-visual[data-effect=route] > span,
.strength-visual[data-effect=signal] > span,
.strength-visual[data-effect=handoff] > span { background: #b4c0c6; }
.strength-visual[data-effect=route] > span:after { background: #185abc; }
.strength-visual[data-effect=layers] i { background: #e3eefb; }
.strength-visual[data-effect=layers] i:nth-child(2) { background: #fae7e1; }
.strength-visual[data-effect=layers] i:nth-child(3) { background: #fff0be; }
.strength-visual[data-effect=layers] i:nth-child(4) { background: #e3f0e3; }
.strength-visual[data-effect=compose] > span { border-color: #779ecb; background: #edf4fb; }

/* Interactive examples: easy-to-read choices and distinct process lanes. */
.studio-layout { background: #fffefa; border-color: #d5d7cf; box-shadow: 0 10px 30px #75523406; }
.studio-choices { background: #f0eee7; border-color: #d7d8cc; }
.studio-choices > p { color: #66766b; }
.studio-choices button { color: #4f625e; }
.studio-choices button:hover { color: #244d41; background: #e5e8dd; }
.studio-choices button[aria-pressed=true] { color: var(--choice-ink); background: #fffefa; }
.studio-choice-number { opacity: .85; }
.studio-choice-arrow { opacity: .75; }
.studio-stage { background: radial-gradient(ellipse at 60% 10%, #f9ebdb45, transparent 75%); }
.studio-topline { color: #475e68; }
.studio-topline > span:last-child { color: #627376; }
.studio-route > i { box-shadow: 0 0 0 6px #fffefa; }
.studio-route:after { background: #335f95; box-shadow: 0 0 9px #4285f460; }
.studio-lanes > li { border-color: #ead2c9; border-top-color: var(--red); background: #fcf0eb; }
.studio-lanes > li:nth-child(2) { border-color: #cbd9e9; border-top-color: var(--blue); background: #ecf3fc; }
.studio-lanes > li:nth-child(3) { border-color: #ccdfcd; border-top-color: var(--green); background: #edf5ec; }
.studio-lanes strong { color: #2c404a; }
.studio-lanes p { color: #53656e; }
.studio-measures { background: #faf4df; border-color: #e4dabb; }
.studio-measures p { color: #625e4f; }

/* Calculator controls remain clearly visible in their full touch area. */
.capacity-explorer { background: #fffefa; border-color: #d9d2c6; box-shadow: 0 8px 25px #75523405; }
.capacity-note { border-top-color: #dadacf; color: #63716b; }
.capacity-explorer > noscript,
.capacity-explorer > div > p:not(.eyebrow),
.capacity-controls > p { color: #5b6a6c; }
.capacity-controls label { color: #44585b; }
.capacity-controls label > small { color: #627775; }
.capacity-controls output { color: #23473f; }
.capacity-controls input[type=range] { background: linear-gradient(#d2ded9, #d2ded9) center/100% 6px no-repeat; }
.capacity-controls input[type=range]::-webkit-slider-thumb { border-color: #fff; box-shadow: 0 0 0 1px #759bc6, 0 2px 6px #20446d26; }
.capacity-controls input[type=range]::-moz-range-thumb { border-color: #fff; box-shadow: 0 0 0 1px #759bc6, 0 2px 6px #20446d26; }
.capacity-controls label:nth-of-type(2) input[type=range]::-webkit-slider-thumb { border-color: #fff; box-shadow: 0 0 0 1px #74a67e, 0 2px 6px #24553626; }
.capacity-controls label:nth-of-type(2) input[type=range]::-moz-range-thumb { border-color: #fff; box-shadow: 0 0 0 1px #74a67e, 0 2px 6px #24553626; }
.capacity-controls input[type=range]:focus-visible { outline-color: #185abc; }
.capacity-result { border-color: #d7ddd4; }
.capacity-result > strong { color: #226a46; }
.capacity-result > strong > small { color: #536b5e; }
.capacity-result > p { color: #62716b; }
.capacity-result a { color: #185abc; }
.capacity-meter { background: #e2e9df; }

/* Contact details are inviting and legible, including every feedback state. */
.contact-steps li { color: #596974; }
.contact-steps strong { color: #273f4b; }
.contact-note > p:not(.eyebrow) { color: #64737b; }
.contact-layout form { background: #fffefa; border-color: #d8d1c5; box-shadow: 0 20px 55px #75523408; color-scheme: light; }
.contact-layout label { color: #354854; }
.contact-layout input:not([type=checkbox]),
.contact-layout select, .contact-layout textarea { background: #fff; border-color: #b8c2c5; color: #253c4b; }
.contact-layout input::placeholder, .contact-layout textarea::placeholder { color: #626f76; }
.contact-layout input:focus, .contact-layout select:focus, .contact-layout textarea:focus { border-color: #4285f4; }
.checkboxes label { background: #fff; border-color: #cbd3d2; }
.checkboxes label:has(input:checked) { background: #f4f6ef; color: var(--check-ink); }
#lead-form .consent-row { color: #556573; }
.field-optional { opacity: 1; color: #66757c; }
.form-fine, .form-reassurance { color: #64737a; }
.form-progress { border-bottom-color: #d7dcd6; }
.form-progress p, .form-progress-heading { color: #61716c; }
.form-progress-heading > span:last-child,
.form-progress strong, .form-count { color: #345e4d; }
.form-progress-track { background: #e0e4dc; }
#form-status:not(:empty) { background: #edf4fc; border-color: #b8cee7; color: #295079; }
#form-status[data-state=success] { color: #205b3b; background: #edf7ed; border-color: #a9c9ab; }
#form-status[data-state=error] { color: #963d2b; background: #fdf0eb; border-color: #dfb4a5; }
#form-status:focus-visible { outline-color: #185abc; }

/* Motion stays available, clear of the visitor assistant at the right. */
.motion-toggle {
  left: 20px; right: auto; bottom: 20px;
  background: #fffdf8f5; color: #485d61; border-color: #d3d8d0;
  box-shadow: 0 4px 22px #45392714;
}
.motion-toggle:hover { background: #f7f1e8; border-color: #adbdc2; }
.motion-indicator { border-color: #7f9496; }
.motion-toggle[aria-pressed=true] .motion-indicator:before { background: #185abc; }
.motion-toggle[aria-pressed=false] .motion-indicator:before,
.motion-toggle[aria-pressed=false] .motion-indicator:after { background: #5c727b; }

@media (max-width: 980px) {
  .studio-choices { border-bottom-color: #d7d8cc; }
}
@media (max-width: 760px) {
  .site-header nav { background: #fffdf8; border-bottom-color: #d8d2c7; box-shadow: 0 20px 30px #6246221a; }
  .capacity-result { border-top-color: #d7ddd4; }
  .motion-toggle { left: 12px; right: auto; bottom: max(12px, env(safe-area-inset-bottom)); }
  .site-footer { padding-bottom: 65px; }
}
