/*=======================================================
  CONSILARIS — barwy marki (szałwia)
  site.css jest kopią 1:1 arkusza Works i nie ma w sobie żadnej barwy marki:
  Consilaris ustawia tutaj te same tokeny co works-brand.css (komplet nazw pilnowany
  przy zmianie). Poniżej tokenów — wyłącznie komponenty własne Consilaris (consilaris-*).
========================================================*/
:root {
	--mivare-brand-dark: #426759;
	--mivare-brand: #497364;
	--mivare-brand-light: #9FCDB9;
	--mivare-brand-on-light: #497364;
	--mivare-brand-on-dark: #A9CDBD;
	--mivare-brand-bright: #D9E9E0;
	--mivare-brand-rgb: 73, 115, 100;
	--mivare-brand-surface-light: #F4F7F5;
	--mivare-brand-surface-dark: #17261F;
	--mivare-border-brand: rgba(var(--mivare-brand-rgb), 0.24);
	--mivare-selection-brand: rgba(var(--mivare-brand-rgb), 0.18);
	--mivare-text-black: #18211D;
	--mivare-text-white: #ffffff;
	--mivare-bg-deep: #0A110E;
	--bg: var(--mivare-bg-deep);
	--mivare-page-bg: #F4F7F5;
	--mivare-paper: #ffffff;
	--mivare-surface-soft: #F9FBFA;
	--mivare-surface-tone: var(--mivare-surface-soft);
	--mivare-surface-dark: #17261F;
	--mivare-stone: #E6EFEA;
	--mivare-brown: #18211D;
	--mivare-ink: #18211D;
	--mivare-copy: #3F4A45;
	--mivare-muted: #5E6C66;
	--mivare-line: #E1E9E5;
	--mivare-shadow: 0 26px 70px rgba(10, 17, 14, 0.12);
	--mivare-copper: #497364;
	--mivare-copper-light: #A9CDBD;
	--mivare-copper-hover: #426759;

	/* Pasek górny */
	--mivare-topbar-border: rgba(99, 156, 135, 0.24);
	--mivare-topbar-text: rgba(230, 239, 234, 0.82);
	--mivare-topbar-text-strong: rgba(230, 239, 234, 0.88);
	--mivare-topbar-link: rgba(230, 239, 234, 0.9);
	--mivare-topbar-divider: rgba(169, 205, 189, 0.38);

	/* Nagłówek, przełącznik języka, przycisk menu */
	--mivare-naglowek-tlo: #17261F;
	--mivare-header-border: rgba(169, 205, 189, 0.22);
	--mivare-header-shadow: 0 9px 26px rgba(0, 0, 0, 0.3);
	--mivare-header-link: #ffffff;
	--mivare-header-link-active: #A9CDBD;
	--mivare-header-brand: #E6EFEA;
	--mivare-header-tagline: #D8EAE1;
	--mivare-header-cta: #A9CDBD;
	--mivare-header-cta-ink: #17261F;
	--mivare-control-active: #A9CDBD;
	--mivare-control-label: #E6EFEA;
	--mivare-control-bg: #17261F;
	--mivare-control-ink: #E6EFEA;
	--mivare-control-line-rgb: 169, 205, 189;
	--mivare-control-shade-rgb: 10, 17, 14;
	--mivare-control-border: rgba(var(--mivare-control-line-rgb), 0.42);
	--mivare-control-divider: rgba(var(--mivare-control-line-rgb), 0.3);
	--mivare-control-flag-border: rgba(var(--mivare-control-line-rgb), 0.3);
	--mivare-control-shadow: 0 6px 16px rgba(var(--mivare-control-shade-rgb), 0.08);
	--mivare-control-menu-shadow: 0 12px 28px rgba(var(--mivare-control-shade-rgb), 0.14);

	/* Tekst strony, błędy formularza, cienie */
	--mivare-body-text-rgb: 230, 239, 234;
	--mivare-error-rgb: 255, 143, 143;
	--mivare-error-text-rgb: 255, 164, 164;
	--mivare-shadow-rgb: 10, 17, 14;
	--mivare-brand-light-rgb: 159, 205, 185;

	/* Menu boczne */
	--mivare-menu-bg: #060A08;
	--mivare-menu-text: #E6EFEA;
	--mivare-menu-note: rgba(230, 239, 234, 0.78);

	/* Odcienie na ciemnym tle (sekcje ciemne, baner, wezwanie, stopka) */
	--mivare-dark-base: #0A110E;
	--mivare-dark-tile: #0F1A15;
	--mivare-dark-shade-rgb: 4, 10, 7;
	--mivare-hero-shade-rgb: 6, 10, 8;
	--mivare-section-shade-rgb: 9, 15, 12;
	--mivare-panel-deep-rgb: 6, 10, 8;
	--mivare-panel-mid-rgb: 10, 17, 14;
	--mivare-panel-light-rgb: 17, 31, 24;
	--mivare-on-dark-ink-rgb: 240, 245, 242;
	--mivare-on-dark-soft-rgb: 226, 236, 231;
	--mivare-on-dark-copy-rgb: 214, 228, 221;
	--mivare-on-dark-line-rgb: 99, 156, 135;
	--mivare-on-dark-bright-rgb: 169, 205, 189;
	--mivare-on-dark-accent-rgb: 120, 170, 150;
	--mivare-on-dark-label-rgb: 171, 206, 190;
	--mivare-on-dark-link-rgb: 169, 205, 189;
	--mivare-on-dark-rule-rgb: 99, 156, 135;
	--mivare-on-dark-glow-rgb: 81, 127, 110;

	/* Baner */
	--mivare-hero-mark: rgba(169, 205, 189, 0.88);
	--mivare-hero-figure-glow:
		0 0 12px rgba(190, 230, 210, 0.55),
		0 0 30px rgba(99, 156, 135, 0.35),
		0 0 64px rgba(var(--mivare-on-dark-glow-rgb), 0.25);
	--mivare-hero-figure-label: rgba(230, 239, 234, 0.9);

	/* Wezwanie do działania */
	--mivare-cta-em-glow:
		0 0 18px rgba(150, 200, 175, 0.5),
		0 0 46px rgba(var(--mivare-on-dark-glow-rgb), 0.35);
	--mivare-cta-label: rgba(var(--mivare-on-dark-soft-rgb), 0.86);

	/* Stopka */
	--mivare-maska-tla: rgba(0, 0, 0, 0.8);
	--mivare-footer-shade: linear-gradient(var(--mivare-maska-tla), var(--mivare-maska-tla));
	--mivare-footer-border: rgba(99, 156, 135, 0.38);
	--mivare-footer-glow: radial-gradient(ellipse at 50% 100%, rgba(81, 127, 110, 0.25), rgba(45, 82, 65, 0.08) 45%, transparent 70%);
	--mivare-footer-frame: linear-gradient(150deg, rgba(var(--mivare-on-dark-bright-rgb), 0.88), rgba(81, 127, 110, 0.42) 45%, rgba(99, 156, 135, 0.78));
	--mivare-footer-frame-glow: rgba(81, 127, 110, 0.34);
	--mivare-footer-sygnet: rgba(169, 205, 189, 0.9);
	--mivare-footer-muted: rgba(169, 205, 189, 0.88);
	--mivare-footer-fine: rgba(214, 228, 221, 0.72);
}

/* Poglądowy interfejs nowego produktu — nie zrzut działającej aplikacji. */
.consilaris-screen{position:relative;border:1px solid rgba(81,127,110,.35);background:#fff;color:#18211d;box-shadow:0 28px 80px rgba(10,17,14,.16);overflow:hidden}
.consilaris-screen__bar{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 16px;background:#0a110e;color:#e6efea;font-size: var(--mivare-typ-mikro);letter-spacing:.14em}
.consilaris-screen__bar::before{content:'M';display:grid;place-items:center;width:27px;height:27px;border:1px solid #639c87;color:#b9d9ca;font: 300 var(--mivare-typ-h3) var(--serif)}
.consilaris-screen__bar small{margin-left:auto;color:#a9cdbd;font-size: var(--mivare-typ-mikro);letter-spacing:.1em}
.consilaris-screen__body{padding:22px 24px 18px}
.consilaris-screen__title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.consilaris-screen__title span{font: 300 var(--mivare-typ-h3)/1.2 var(--serif);color:#294538}
.consilaris-screen__title b{padding:7px 10px;border:1px solid #d6e4dc;color:#497364;font-size: var(--mivare-typ-mikro);font-weight: 300}
.consilaris-screen__labels,.consilaris-screen__row{display:grid;grid-template-columns:1fr 1.45fr .9fr;gap:12px;align-items:center}
.consilaris-screen__labels{padding:9px 11px;background:#f4f7f5;color:var(--mivare-muted);font-size: var(--mivare-typ-mikro);letter-spacing:.1em}
.consilaris-screen__row{min-height:52px;padding:10px 11px;border-bottom:1px solid #e1e9e5;font-size: var(--mivare-typ-mikro)}
.consilaris-screen__row i{font-style:normal;color:var(--mivare-muted)}.consilaris-screen__row b{font-weight: 300}.consilaris-screen__row span{justify-self:start;padding:4px 8px;background:#e6efea;color:#426759;font-size: var(--mivare-typ-mikro)}

@media(max-width:700px){.consilaris-screen__body{padding:14px 12px}.consilaris-screen__labels,.consilaris-screen__row{grid-template-columns:.75fr 1.4fr .8fr;gap:6px}.consilaris-screen__row{font-size: var(--mivare-typ-mikro)}.consilaris-screen__title span{font-size: var(--mivare-typ-h3)}}
.consilaris-flow{display:flex;flex-direction:column;align-self:center;min-width:0;padding:8px 0 8px 26px;border-top:1px solid var(--mivare-line);border-left:1px solid rgba(81,127,110,.38)}
.consilaris-flow article{position:relative;padding:20px 22px;border:1px solid rgba(81,127,110,.18);background:rgba(255,255,255,.8);box-shadow:0 10px 30px rgba(10,17,14,.04)}
.consilaris-flow article::before{position:absolute;top:27px;left:-33px;width:11px;height:11px;border:2px solid #517f6e;background:#f4f7f5;content:"";transform:rotate(45deg)}
.consilaris-flow article>span{display:block;margin-bottom:8px;color:var(--mivare-brand);font-size: var(--mivare-typ-mikro);letter-spacing:.14em}
.consilaris-flow article strong{display:block;color:var(--mivare-ink);font: 300 var(--mivare-typ-h3)/1.3 var(--serif)}
.consilaris-flow article p{margin:7px 0 0;color:var(--mivare-copy);font-size: var(--mivare-typ-maly);line-height:1.75}
@media(max-width:760px){.consilaris-flow{padding-left:20px}.consilaris-flow article{padding:16px}.consilaris-flow article::before{left:-27px}.consilaris-flow article p{font-size: var(--mivare-typ-maly)}}

/* Strona główna Consilaris: mocniejsza typografia i bardziej wyraziste kadry,
   zbudowane na wspólnych komponentach Works. */

.consilaris-image-map {
  position: absolute;
  right: 18px;
  bottom: 18px;
  left: 18px;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  padding: 12px;
  border: 1px solid rgba(169, 205, 189, 0.35);
  background: rgba(10, 17, 14, 0.84);
  backdrop-filter: blur(12px);
}
.consilaris-image-map span {
  padding: 7px 6px;
  color: #e6efea;
  font-size: var(--mivare-typ-mikro);
  letter-spacing: 0.1em;
  line-height: 1.4;
  text-align: center;
}

@media (max-width: 760px) {

  .consilaris-image-map {
    right: 9px;
    bottom: 9px;
    left: 9px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2px;
    padding: 6px;
  }
  .consilaris-image-map span {
    padding: 5px 3px;
    font-size: var(--mivare-typ-mikro);
  }

}

/* Strony redakcyjne: produkt, kontakt, licencja i odpowiedzi. */

.consilaris-editorial-origin { padding: 24px 28px; border: 1px solid rgba(169,205,189,.24); background: linear-gradient(100deg,rgba(81,127,110,.16),rgba(10,17,14,.65)); }
.consilaris-origin-line { display: flex; align-items: center; gap: 18px; color: #c4dfd1; font-size: var(--mivare-typ-mikro); letter-spacing: .17em; }
.consilaris-origin-line i { flex: 1; max-width: 120px; height: 1px; background: rgba(169,205,189,.5); }
.consilaris-editorial-origin p { max-width: 860px; margin-top: 17px; color: rgba(230,239,234,.88); font: 300 var(--mivare-typ-h3)/1.6 var(--serif); }

.consilaris-editorial-principles article > span { color: #517f6e; font-size: var(--mivare-typ-mikro); letter-spacing: .12em; }
.consilaris-editorial-principles h3 { margin-top: 22px; color: #18211d; font: 300 var(--mivare-typ-h3)/1.35 var(--serif); }
.consilaris-editorial-principles p { margin-top: 8px; color: #536159; font-size: var(--mivare-typ-maly); line-height: 1.65; }
.consilaris-editorial-principles { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; margin-top: 34px; border-top: 1px solid rgba(81,127,110,.22); border-bottom: 1px solid rgba(81,127,110,.22); }
.consilaris-editorial-principles article { min-height: 210px; padding: 25px 26px; border-right: 1px solid rgba(81,127,110,.18); }
.consilaris-editorial-principles article:first-child { padding-left: 0; }
.consilaris-editorial-principles article:last-child { border: 0; }

.consilaris-faq-list { max-width: 1100px; margin: 30px auto 0; border-top: 1px solid rgba(81,127,110,.24); }
.consilaris-faq-list details { border-bottom: 1px solid rgba(81,127,110,.2); }
.consilaris-faq-list summary { display: grid; grid-template-columns: 42px minmax(0,1fr) 28px; gap: 14px; align-items: center; padding: 22px 4px; color: #18211d; cursor: pointer; list-style: none; }
.consilaris-faq-list summary::-webkit-details-marker { display: none; }
.consilaris-faq-list summary > span { color: #517f6e; font-size: var(--mivare-typ-mikro); letter-spacing: .12em; }
.consilaris-faq-list summary strong { font: 300 var(--mivare-typ-h3)/1.35 var(--serif); }
.consilaris-faq-list summary > b { display: grid; place-items: center; width: 26px; height: 26px; border: 1px solid rgba(81,127,110,.28); color: #497364; font-size: var(--mivare-typ-tekst); font-weight: 400; transition: transform .2s ease; }
.consilaris-faq-list details[open] summary > b { transform: rotate(45deg); }
.consilaris-faq-list details > p { max-width: 850px; margin: -5px 48px 23px 60px; color: #536159; font-size: var(--mivare-typ-maly); line-height: 1.8; }
.consilaris-editorial-principles + * { margin-top: 1px; }

@media(max-width:760px) {

 .consilaris-editorial-principles { grid-template-columns: minmax(0,1fr); }

 .consilaris-editorial-origin { padding: 19px; }
 .consilaris-origin-line { flex-wrap: wrap; gap: 10px; font-size: var(--mivare-typ-mikro); }
 .consilaris-origin-line i { max-width: 30px; }
 .consilaris-editorial-origin p { font-size: var(--mivare-typ-tekst); }

 .consilaris-editorial-principles article,.consilaris-editorial-principles article:first-child { min-height: 0; padding: 20px 0; border-right: 0; border-bottom: 1px solid rgba(81,127,110,.18); }
 .consilaris-editorial-principles article:last-child { border-bottom: 0; }
 .consilaris-editorial-principles h3 { margin-top: 12px; }

 .consilaris-faq-list summary { grid-template-columns: 30px minmax(0,1fr) 26px; gap: 9px; padding: 18px 0; }
 .consilaris-faq-list summary strong { font-size: var(--mivare-typ-tekst); }
 .consilaris-faq-list details > p { margin: -3px 34px 20px 39px; font-size: var(--mivare-typ-maly); }
}

/* Customer journey strony głównej: każda sekcja ma własny kadr i rytm. */

.consilaris-audience-list,
.consilaris-problem-list,
.consilaris-context-points,
.consilaris-overview-copy {
  align-self: center;
}
.consilaris-audience-list article,
.consilaris-problem-list article,
.consilaris-context-points article,
.consilaris-overview-copy article {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 14px;
  padding: 20px 0;
  border-bottom: 1px solid var(--sekcja-kreska);
}
.consilaris-audience-list article > span,
.consilaris-problem-list article > span,
.consilaris-context-points article > span,
.consilaris-overview-copy article > span {
  color: var(--sekcja-akcent);
  font-size: var(--mivare-typ-mikro);
  letter-spacing: 0.09em;
}
.consilaris-audience-list strong,
.consilaris-problem-list strong,
.consilaris-context-points strong,
.consilaris-overview-copy strong {
  display: block;
  color: var(--sekcja-tekst);
  font: 300 var(--mivare-typ-h3)/1.3 var(--serif);
}
.consilaris-audience-list p,
.consilaris-problem-list p,
.consilaris-context-points p,
.consilaris-overview-copy p {
  margin-top: 7px;
  color: var(--sekcja-drugi);
  font-size: var(--mivare-typ-maly);
  line-height: 1.7;
}
.consilaris-inline-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  margin-top: 24px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--sekcja-kreska);
  color: var(--sekcja-akcent);
  font-size: var(--mivare-typ-przycisk);
  font-weight: 300;
  text-decoration: none;
}
.consilaris-inline-link i {
  transition: transform 0.25s ease;
}
.consilaris-inline-link:hover i {
  transform: translateX(5px);
}
.consilaris-journey-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  margin-top: 34px;
  padding: 18px 22px;
  border: 1px solid rgba(81, 127, 110, 0.18);
  background: rgba(230, 239, 234, 0.5);
  color: var(--mivare-copy);
  font-size: var(--mivare-typ-maly);
}
.consilaris-journey-link .consilaris-inline-link {
  flex: 0 0 auto;
  margin-top: 0;
  color: #426759;
  border-bottom-color: rgba(81, 127, 110, 0.45);
}

.consilaris-benefits-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  margin-top: 40px;
}
.consilaris-benefits-grid article {
  position: relative;
  min-height: 300px;
  padding: 34px 36px;
  border: 1px solid rgba(81, 127, 110, 0.22);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(230, 239, 234, 0.7));
  box-shadow: 0 18px 48px rgba(10, 17, 14, 0.06);
}
.consilaris-benefit-index {
  color: #497364;
  font-size: var(--mivare-typ-mikro);
  letter-spacing: 0.17em;
}
.consilaris-benefits-grid h3 {
  max-width: 460px;
  margin-top: 19px;
  color: #18211d;
  font: 300 var(--mivare-typ-h3)/1.22 var(--serif);
}
.consilaris-benefits-grid ul {
  display: grid;
  gap: 13px;
  margin: 24px 0 0;
  padding: 20px 0 0;
  border-top: 1px solid rgba(81, 127, 110, 0.2);
  list-style: none;
}
.consilaris-benefits-grid li {
  position: relative;
  padding-left: 20px;
  color: #3f4a45;
  font-size: var(--mivare-typ-maly);
  line-height: 1.6;
}
.consilaris-benefits-grid li::before {
  position: absolute;
  top: 0.65em;
  left: 0;
  width: 7px;
  height: 7px;
  border: 1px solid #517f6e;
  content: "";
  transform: rotate(45deg);
}

.consilaris-context-points article > span,
.consilaris-overview-copy article > span {
  padding-top: 2px;
}

@media (max-width: 760px) {

  .consilaris-benefits-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    margin-top: 26px;
  }
  .consilaris-benefits-grid article {
    min-height: auto;
    padding: 26px 22px;
  }
  .consilaris-journey-link {
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
    padding: 16px;
  }
  .consilaris-journey-link .consilaris-inline-link {
    margin-top: 15px;
  }

}