/* ============================================================================
   SIMPLIXITY — UNIFIED BRAND PALETTE (October 2026)
   Source: Simplixity AI Consulting Redesign (navy, teal, mint, sky & white)
   This additive, site-wide layer is intentionally loaded after styles.css.
   Keep both stylesheets when deploying.
   ============================================================================ */
:root {
  --ink:#122c33;
  --ink2:#21434b;
  --black:#081c25;
  --muted:#62747b;
  --soft:#f8faf9;
  --line:#e2eaeb;
  --lime:#b4da89;
  --lime2:#89bc62;
  --sky:#75c7dc;
  --blue:#398a9c;
  --white:#fff;
  --navy:#0c2530;
  --deep:#081c25;
  --mint:#b2db8b;
  --mint-dark:#335c30;
  --paper:#f8faf9;
  --panel:#fff;
  --shadow:0 20px 55px rgba(8,32,40,.09);
}
body {color:var(--ink); background:#fff;}
::selection {background:#bae3ce;color:#08232a;}
:focus-visible {outline-color:#55a9c7;}

/* Shared identity and navigation; closely matches the standalone AI redesign. */
.topline {background:#081b22;color:#c8dcde;}
.topline-inner>a {color:#f4f9f8;}
.topline-inner>a:hover {color:#b4da89;}
.pulse-dot {background:var(--mint);box-shadow:0 0 0 4px rgba(178,219,139,.12);}
.site-header {background:rgba(255,255,255,.975);border-bottom:1px solid #e7eced;}
.site-header.scrolled {box-shadow:0 9px 25px rgba(8,30,37,.065);}
.brand-mark {background:#b4dd88; transform:rotate(-8deg); border-radius:11px;}
.brand-mark-inner {border-color:#153733;border-right-color:#153733;transform:rotate(0deg);}
.brand-mark-dot {background:#4dbbd2;border:1px solid white;right:-2px;top:-2px;}
.brand-word {color:#103037;}
.brand-period {color:#89bc62;}
.nav-link {color:#506167;}
.nav-link:hover,.nav-link.is-current {color:#0e3942;}
.nav-link.is-current::after {background:#a7d578;}
.nav-contact {background:#0d2b33;color:#fff;}
.nav-contact:hover {background:#21545c;}
.mobile-toggle {background:#ecf3f3;color:#163339;border-color:#d9e5e6;}

/* Shared buttons and small typography */
.button-lime {background:#b4da89;color:#112e29;box-shadow:0 10px 24px rgba(56,101,60,.13);}
.button-lime:hover {background:#cae6a4;color:#112e29;box-shadow:0 14px 32px rgba(56,101,60,.18);}
.button-dark {background:#10313b;color:white;}
.button-dark:hover {background:#1c5361;}
.button-outline {border-color:#cbdfe0;background:#fff;color:#21434b;}
.button-outline:hover {background:#f0f8f7;border-color:#75a9b3;}
.eyebrow {color:#386e72;}
.eyebrow-light {color:#b6e1dc;}
.eyebrow-dark {color:#c8ebc0;}
.ink-accent {color:#398a9c;}
.text-link,.underlined-link {color:#236579;}
.text-link:hover,.underlined-link:hover {color:#17434b;}
.section-lead>p,.section-head>p {color:#62747b;}

/* Home — match the first ZIP's dark navy/teal hero, with mint typography. */
.hero {
  background:radial-gradient(ellipse 720px 520px at 87% 32%,rgba(38,112,124,.36),transparent 68%),
             linear-gradient(117deg,#091f29,#0d2c35 65%,#102c36);
  color:#f8ffff;
}
.hero-grid {opacity:.18;background-image:radial-gradient(#a3c4c4 1px,transparent 1px);background-size:32px 32px;}
.ambient-a {background:radial-gradient(circle,rgba(97,196,188,.16),transparent 73%);}
.ambient-b {background:radial-gradient(circle,rgba(143,205,218,.12),transparent 72%);}
.hero-eyebrow {color:#aee1dc;}
.sparkle-glyph {color:#a3d8ca;}
.hero-copy h1 {color:#f8ffff;}
.hero-gradient {background:none;color:#bce49a;-webkit-text-fill-color:#bce49a;}
.hero-dot {color:#bce49a;}
.hero-description {color:#c4dadd;}
.hero-description strong {color:#e9f9f4;}
.hero-proof {color:#b0cad0;}
.hero-proof i {background:#b8df94;}
.hero-bottom {color:#b3cdd0;}
.art-halo {border-color:rgba(161,227,217,.16);box-shadow:0 0 0 35px rgba(161,227,217,.024),0 0 0 70px rgba(161,227,217,.014);}
.art-halo::before,.art-halo::after {border-color:rgba(168,222,224,.2);}
.studio-screen {box-shadow:0 34px 75px rgba(0,10,15,.35);border-color:#567783;}
.screen-top {background:#10313b;color:#d0e5e7;}
.screen-dots i:first-child {background:#a6d783;}
.screen-signal {color:#bce49a;}
.mock-site {background:#0d2c35;}
.mock-site-visual {background:linear-gradient(125deg,#10313b,#235963);}
.mock-sphere {background:radial-gradient(circle at 30% 25%,#effbf2 0%,#bfdfca 24%,#80bdc4 53%,#267b89 76%,#123742 100%);}
.mock-site-label span {color:#c4e9ae;}
.screen-main h3 em {color:#328ca0;}
.screen-avatar,.float-icon.lime {background:#d6ebca;}
.float-icon.blue {background:#d8edf2;}
.marquee-strip {background:#eaf5f3;border-color:#dbe9e7;}
.marquee-inner {color:#3b6e70;}
.marquee-inner i {color:#6faea5;}

/* Home and shared cards */
.section-light,.section-work,.section-advantage,.section-faq {background:#f8faf9;}
.service-card {border-color:#e0e9e9;}
.service-green {background:#eef7ed;}
.service-blue {background:#eaf5f8;}
.service-white {background:#f8fbfa;}
.service-dark {background:#10313b;border-color:#10313b;color:white;}
.service-ai {background:linear-gradient(145deg,#e7f4f5,#ecf6e7);border-color:#d2e7df;}
.service-ai .service-icon {background:#d3e9e1;color:#245b61;}
.service-ai .service-number,.service-ai .card-kicker {color:#376f70;}
.service-dark .service-icon {background:#22515b;color:#b9e29b;border-color:#376973;}
.service-icon {border-color:#dceae6;}
.advantage-window {background:#0c2b35;}
.pill-green {background:#335c30;color:#d7ebc4;}
.advantage-star {color:#bce49a;}
.advantage-progress span:first-child {background:#b4da89;}
.tile-blue {background:#d8edf2;}
.tile-lime {background:#d6ebca;}
.outline-word {-webkit-text-stroke-color:#6ea5b1;}
.process-card {background:#f7fbfa;border-color:#e2eaeb;}
.process-card:hover {background:#eaf5f3;}
.process-symbol {color:#398a9c;}
.process-card:nth-child(2) .process-symbol,.process-card:nth-child(4) .process-symbol {color:#64966a;}
.work-art-system {background:#e0eeeb;}
.systems-cards>div:nth-child(2) {background:#d6ebca;}
.work-item:hover .work-round-arrow {background:#d5e9df;}
.offering-chips span {background:#f6faf9;border-color:#e2eaeb;}
.offering-chips span:nth-child(4n+1) {background:#edf6e9;}
.offering-chips span:nth-child(4n+2) {background:#eaf5f8;}
.faq-item[open] .faq-plus {background:#d6ebca;}

/* Dedicated AI teaser and workflow visual on the homepage */
.ai-spotlight {background:radial-gradient(ellipse at 94% 20%,rgba(40,119,129,.3),transparent 52%),#0c2530;}
.ai-spotlight-copy h2 span {color:#bce49a;}
.ai-spotlight-copy>p {color:#c4dadd;}
.ai-spotlight-secondary {color:#c4e7e9;}
.ai-spotlight-demo {background:#f8faf9;color:#122c33;}
.ai-demo-head {color:#55757b;}
.ai-demo-dot {background:#9bd1b4;}
.ai-demo-step-number {background:#eaf5f3;color:#337e8e;border-color:#c9e4e5;}
.ai-demo-symbol {color:#418e94;}
.ai-demo-connector {border-color:#96c0b8;}

/* All service subpages use matching dark hero, mint accent and clear contrast. */
.inner-hero,.inner-hero-dark {
  background:radial-gradient(ellipse 550px 440px at 88% 50%,rgba(42,118,129,.35),transparent 69%),
             linear-gradient(117deg,#091f29,#0d2c35 70%,#102c36);
  color:#f8ffff;
}
.inner-hero .breadcrumbs {color:#b0c9ce;}
.inner-hero .breadcrumbs a:hover {color:#bce49a;}
.inner-hero .eyebrow {color:#b6e1dc;}
.inner-hero .inner-hero-content>p {color:#c4dadd;}
.inner-hero .ink-accent {color:#bce49a;}
.inner-hero .text-link {color:#c7e7e7;}
.inner-hero .text-link:hover {color:#bce49a;}
.inner-hero .hero-actions .button-dark {background:#b4da89;color:#112e29;}
.inner-hero .hero-actions .button-dark:hover {background:#cae6a4;}
.inner-hero-symbol {opacity:.55;}
.symbol-core {background:linear-gradient(145deg,#cceac3,#6cbfd1);color:#10333b;}
.symbol-ring {border-color:rgba(177,224,213,.28);}
.inner-glow {background:radial-gradient(circle,rgba(115,202,198,.12),transparent 72%);}

/* Details, plans, resources, articles and portfolio are clean white / sky / mint. */
.line-icon.green,.feature-icon {background:#e3f2df;color:#335c30;}
.line-icon.blue,.feature-card:nth-child(3n + 2) .feature-icon {background:#e3f1f5;color:#275e70;}
.service-line,.service-line:first-child {border-color:#dbe8e7;}
.tag-row span {border-color:#cfe3e0;}
.line-link:hover {background:#e4f3e6;}
.concept-window-one {background:#16424f;}
.concept-window-body small {color:#d1eaba;}
.concept-button {background:#b4da89;color:#112e29;}
.portal-stage h3 span {color:#bce49a;}
.portal-tiles>div:nth-child(2) {background:#d6ebca;}
.work-note {background:#f0f8f6;border-color:#dceae7;}
.location-center {background:#d1e9bd;}
.star-2 {color:#8cbb76;}
.plan-card {background:#f8faf9;border-color:#e2eaeb;}
.plan-card.plan-featured {background:#0c2b35;border-color:#0c2b35;}
.plan-featured .plan-symbol,.plan-featured .plan-price {color:#bce49a;}
.plan-featured .button-lime {background:#b4da89;}
.plan-teaser,.detail-dark-band {background:#0d2e38;}
.plan-teaser h2 em {color:#bce49a;}
.plan-teaser .teaser-big {color:#c5e7ab;text-shadow:16px 13px 0 #3c8897;}
.teaser-dot {color:#75c7dc;}
.insight-card {border-color:#e2eaeb;}
.insight-card:hover {box-shadow:0 20px 45px rgba(12,47,56,.12);}

/* Contact and support — light panels keep the form easy to read. */
.contact-hero {background:radial-gradient(ellipse at 12% 0,rgba(178,219,139,.14),transparent 65%),linear-gradient(130deg,#f8faf9,#eef7f8);}
.contact-hero .eyebrow {color:#386e72;}
.contact-hero .ink-accent {color:#398a9c;}
.contact-hero .breadcrumbs {color:#62747b;}
.contact-hero-grid>div:first-child>p {color:#62747b;}
.contact-support-cards>div>svg {background:#e1efdc;color:#335c30;}
.contact-support-cards>div:nth-child(2)>svg {background:#d8edf2;color:#276174;}
.contact-support-cards small {color:#62747b;}
.form-panel {border-color:#dae8e7;box-shadow:0 22px 65px rgba(12,45,56,.07);background:#fff;}
.field input,.field select,.field textarea {background:#fbfdfc;border-color:#d9e6e5;}
.field input:focus,.field select:focus,.field textarea:focus {border-color:#75b7c5;box-shadow:0 0 0 3px rgba(117,199,220,.18);}
.form-status.is-success {background:#edf8e8;border-color:#c4dfa9;color:#335c30;}
.contact-decor {color:#65969a;}
.contact-decor span {color:#65bdbd;}

/* Unified dark CTA and footer, as on the preferred AI page. */
.footer-callout {background:#0d2e38;color:#fff;}
.footer-callout h2 span {color:#bce49a;}
.footer-callout p {color:#c6dadc;}
.site-footer {background:#081c25;}
.site-footer .brand-mark {background:#b4da89;}
.site-footer .brand-mark-inner {border-color:#153733;border-right-color:#153733;}
.site-footer .brand-mark-dot {background:#4dbbd2;}
.site-footer .brand-word {color:#fff;}
.site-footer .brand-period {color:#b4da89;}
.footer-links h3 {color:#b9dfd7;}
.footer-links a:hover,.footer-bottom a:hover {color:#bce49a;}
.footer-location {color:#9fc9c8;}
.footer-bottom {border-color:rgba(219,244,241,.13);}
.notfound {background:radial-gradient(circle at center,#e7f5e5,#f8faf9 70%);}

/* Responsive details: maintain legibility and available tap targets. */
@media (max-width:1000px) {
  .mobile-nav {background:#f8faf9;border-top-color:#e2eaeb;}
  .mobile-nav .nav-link {color:#193e46;}
  .mobile-nav .nav-link.is-current {color:#237484;}
  .hero-art {transform:none;}
}
@media (max-width:720px) {
  .hero {padding-top:55px;}
  .hero-copy h1 {color:#f8ffff;}
  .inner-hero .inner-hero-content {padding-top:50px;}
  .inner-hero-symbol {opacity:.25;}
  .footer-callout-inner {gap:28px;}
  .contact-hero {background:linear-gradient(135deg,#f8faf9,#edf7f8);}
}

/* Final contrast passes on the homepage hero (light CTAs against navy). */
.hero .button-dark {background:#b4da89;color:#112e29;box-shadow:0 12px 27px rgba(56,101,60,.16);}
.hero .button-dark:hover {background:#cae6a4;color:#112e29;}
.hero .button-outline {border-color:rgba(237,255,255,.28);color:#e8f5f5;background:rgba(255,255,255,.035);}
.hero .button-outline:hover {background:rgba(255,255,255,.12);border-color:rgba(237,255,255,.5);}
.hero .screen-main h3 {color:#122c33;}