/* AQLERA / Navy & Gold. Brand values live in config.js; this file styles their application. */
:root {
  --accent:#c99a3b; --accent-bright:#80601f; --bg:#f4efe6; --surface:#fcfaf5;
  --text:#1a1a1a; --muted:#515b68; --line:#0b254524;
  --forest:#0b2545; --forest-soft:#1b3a63; --sand:#f4efe6; --mint:#55BBA6;
  --display:Georgia,'Times New Roman',serif;
  color-scheme:light;
}
body { background:var(--bg); }
::selection { background:var(--accent); color:var(--forest); }
.brand { flex-shrink:0; }
.brand-lockup { display:block; width:207px; height:69px; object-fit:contain; }
.site-header { background:color-mix(in srgb,var(--sand) 92%,transparent); border-color:var(--line); }
.site-header.scrolled { background:color-mix(in srgb,var(--sand) 97%,transparent); }
.nav { height:94px; }
.nav-links { color:var(--muted); font-size:13px; }
.nav-links a:hover { color:var(--forest); }
.button { background:var(--forest); color:var(--sand); border:1px solid var(--forest); border-radius:5px; box-shadow:none; }
.button:hover { background:var(--forest-soft); box-shadow:0 6px 20px #0b254518; }
.button-small { min-height:42px; }
.skip-link { color:var(--forest); }
.hero { padding-block:85px 76px; gap:40px; min-height:665px; }
.hero:before { display:none; }
h1,.section h2,.final-cta h2,.contact-dialog h2,.privacy-content h1,.privacy-content h2 {
  font-family:var(--display); font-weight:400; letter-spacing:-1.8px;
}
h1 { font-size:clamp(58px,5.2vw,76px); line-height:1.08; }
.hero h1 .accent-text { color:var(--accent-bright); font-style:italic; }
.eyebrow { color:var(--accent-bright); font-size:10px; letter-spacing:1.9px; }
.hero-description { color:var(--muted); font-size:16px; max-width:450px; }
.hero-reassurance svg,.region-note,.problem-icon,.integration-list,.integration-list svg { color:var(--muted); }
.hero-actions .text-button { color:var(--forest); }
.region-note { margin-top:32px; }
.hero-workflow {
  --text:var(--sand); --muted:#c1ccdc; --accent-bright:#e0bb6b;
  color:var(--text); background:var(--forest); border:1px solid #c99a3b40;
  border-radius:14px; transform:none; box-shadow:0 22px 55px #0b254520;
}
.workflow-topline,.workflow-bottom { color:#bdcadc; }
.workflow-topline { font-size:8px; letter-spacing:1px; }
.workflow-canvas { background-image:radial-gradient(#c99a3b28 .75px,transparent .75px); }
.workflow-paths { stroke:#6e7250; }
.workflow-paths .flow-pulse { stroke:var(--accent); filter:none; }
.flow-node { background:var(--forest-soft); border-color:#cbd4e125; box-shadow:0 7px 15px #06162c30; }
.flow-node small,.appointment-toast small { color:#c1ccdc; }
.node-overline { color:#bdcadb; }
.blue { color:#e0bb6b; background:#c99a3b1c; }
.green { color:#83d0b4; background:#55bba61c; }
.muted-icon { color:#c4cfde; background:#f4efe60d; }
.node-check,.inline-check { color:#8dd4b9; }
.ai-node { background:#233f61; border-color:#c99a3b99; box-shadow:0 0 30px #c99a3b0b; }
.ai-node .node-overline,.agent-symbol,.ai-tag { color:#e0bb6b; }
.appointment-toast { background:#173454; border-color:#c99a3b50; }
.success-label { color:#a5ddc2; background:#55bba61a; }
.path-label { color:#abbcd2; }
.integrations { padding-block:24px 38px; }
.integration-list { color:#4b5a6e; }
.section h2 { font-size:clamp(36px,3.7vw,50px); line-height:1.12; }
.section h3 { letter-spacing:-.4px; }
.section-footnote { color:var(--muted); }
.services-section { background:#e9e5dd; }
.service-card { background:var(--surface); border-color:var(--line); border-radius:9px; }
.service-card:hover { background:#fffdf8; border-color:#c99a3b88; box-shadow:0 12px 32px #0b254509; }
.service-icon { background:#c99a3b16; color:var(--accent-bright); border-color:#c99a3b32; }
.card-index { color:var(--muted); }
.mini-flow>span { background:#f4efe6; border-color:var(--line); color:#465870; }
.mini-flow .highlight-node { color:var(--forest); background:#c99a3b26; border-color:#c99a3b65; }
.mini-flow i,.support-preview>svg { color:#807042; }
.card-action { color:var(--forest); }
.support-preview { color:var(--muted); background:#eeece5; }
.answer-badge { color:#35654d; }
.workflow-demo { background:var(--surface); border-color:var(--line); box-shadow:0 20px 50px #0b25450b; }
.demo-toolbar { background:#e9e5dd; }
.demo-tabs { background:#dfe3e8; border-color:var(--line); }
.demo-tabs button { color:var(--muted); }
.demo-tabs button[aria-selected=true] { background:var(--forest); color:var(--sand); box-shadow:none; }
.demo-tabs button:hover { color:var(--forest); }
.demo-tabs button[aria-selected=true]:hover { color:var(--sand); }
.example-label,.human-note,.demo-disclaimer,.demo-flow-label { color:var(--muted); }
.demo-story .node-overline { color:var(--accent-bright); }
.demo-message { background:#e4e9f0; border-color:#0b25451a; }
.message-sender { color:#3a5273; }
.demo-message p { color:var(--forest); }
.message-time { color:var(--muted); }
.demo-flow-area { background-image:radial-gradient(#0b254522 .7px,transparent .7px); }
.demo-steps li { background:#f4f1eb; border-color:var(--line); }
.demo-steps li+li:before { background:#afbccc; }
.demo-step-icon { background:#0b254507; color:#51657e; }
.demo-step-label,.demo-step-number { color:var(--muted); }
.demo-steps li.active { background:#eadebf; border-color:#ad822e; box-shadow:none; }
.active .demo-step-label,.complete .demo-step-label { color:var(--forest); }
.active .demo-step-icon,.complete .demo-step-icon { color:#80601f; background:#c99a3b20; }
.demo-step-number svg { color:#35654d; }
.demo-result { background:#e9e5dd; }
.demo-status { color:#475a73; }
.industries-section,.value-section {
  --text:var(--sand); --muted:#c1cddd; --line:#f4efe626; --accent-bright:#e0bb6b;
  background:var(--forest); color:var(--text);
}
.industries-section .eyebrow,.value-section .eyebrow { color:#e0bb6b; }
.industry-options button { color:#cbd5e3; background:#f4efe606; border-color:#f4efe632; }
.industry-options button:hover,.industry-options button.selected { background:var(--accent); color:var(--forest); border-color:var(--accent); }
.industry-example { background:var(--forest-soft); border-color:#c99a3b40; }
.industry-steps li { color:#d2dbea; }
.industry-steps li:before { color:#e0bb6b; border-color:#c99a3b66; }
.industry-outcome { color:#e0bb6b; }
.industry-disclaimer { color:#b8c7da; }
.step-number { color:var(--accent-bright); border-color:#c4b58d; }
.step-number svg,.values-grid article>svg { color:#80601f; }
.value-note { color:#c1cddd; }
.calculator { background:var(--forest-soft); border-color:#c99a3b40; }
.calculator-heading>svg { color:#e0bb6b; }
.slider-control label { color:#d4ddec; }
.slider-control output { color:var(--sand); }
.slider-control input { background:linear-gradient(to right,var(--accent) var(--fill),#4b6080 var(--fill)); }
.slider-control input::-webkit-slider-thumb { background:var(--sand); }
.slider-control input::-moz-range-thumb { background:var(--sand); }
.range-ends,.calculator-results>div>span,.calculator-disclaimer { color:#bccbdd; }
.calculator-results strong,.calculator-results small,.calculator-cta { color:#e0bb6b; }
.faq-section { background:#e9e5dd; }
.faq-list details,.faq-list details:first-child { border-color:var(--line); }
.faq-list summary span { color:var(--accent-bright); }
.faq-list details[open] summary { color:var(--forest); }
.final-cta { background:none; padding-block:90px; }
.final-cta h2 { font-size:clamp(38px,4.2vw,58px); }
.final-cta small { color:var(--muted); }
.cta-line { margin-bottom:26px; }
.cta-line i { color:var(--accent-bright); }
.site-footer { border-top:1px solid var(--line); }
.site-footer .brand-lockup { width:245px; height:auto; }
.footer-top p { margin-top:4px; }
.footer-bottom { color:var(--muted); }
.floating-contact { background:var(--forest); border-color:#c99a3b70; }
.icon-button:hover { background:#0b25450c; }
.contact-dialog { border-color:#c99a3b60; box-shadow:0 30px 100px #0b254540; }
.contact-dialog::backdrop { background:#0b2545ae; }
.dialog-icon { background:#e3e8ee; color:#3b5574; }
.message-preview { background:#e3e9ef; border-color:var(--line); }
.copy-status { color:#35654d!important; }
.privacy-content .preview-notice { background:#e9e5dd; border-color:var(--line); }
@media(max-width:1150px) {
  .hero { gap:26px; } h1 { font-size:61px; }
  .brand-lockup { width:185px; height:62px; }
}
@media(max-width:900px) {
  .hero { padding-block:55px; gap:40px; }
  h1 { font-size:clamp(58px,8vw,76px); }
  .nav-links { gap:17px; } .nav-links a:nth-child(4) { display:none; }
}
@media(max-width:620px) {
  .nav { height:78px; gap:9px; }
  .brand-lockup { width:155px; height:52px; }
  .nav-cta { font-size:11px; padding-inline:10px; gap:6px; }
  .nav-links { inset-block-start:77px; background:var(--sand); box-shadow:0 15px 25px #0b254515; }
  .hero { padding-block:42px 36px; gap:34px; }
  h1 { font-size:clamp(43px,11.4vw,68px); letter-spacing:-1.8px; }
  .hero-description { font-size:15px; }
  .hero .eyebrow { font-size:9px; letter-spacing:1.3px; }
  .section h2 { font-size:36px; }
  .workflow-topline { font-size:8px; letter-spacing:.5px; }
  .final-cta { padding-block:65px; }
  .final-cta h2 { font-size:38px; }
  .site-footer .brand-lockup { width:210px; }
}

/* Preserve the selected identity, type, spacing and layout; only the palette changes. */
h1,.problems h2,.services-section h2,.solutions-section h2,.process-section h2,.about-section h2,.faq-section h2,.final-cta h2,.privacy-content h1,.privacy-content h2{color:var(--forest)}
