/* ==========================================================================
   Verdika website
   Built to Verdika Complete Brand System 2026, version 2.0.

   Palette and balance from the brand book:
     Midnight   #10182F  primary dark canvas        46%
     Deep Navy  #16245B  logo and structure         29%
     Gold       #D9A62E  action and participation   12%
     Parchment  #F6F0E5  primary light canvas        8%
     Mist       #E7EAF1  institutional surfaces      5%
     Slate      #667085  secondary information

   Contrast rules, enforced not assumed:
     Parchment on Midnight  15.51:1  approved
     Midnight on Parchment  15.51:1  approved
     Gold on Midnight        7.91:1  approved
     Deep Navy on Parchment 12.88:1  approved
     Gold on Parchment       1.96:1  RESTRICTED - never text, accents only
     Slate on Parchment      4.39:1  RESTRICTED - never small text
   Secondary text on light surfaces is therefore Deep Navy, never Slate.

   Structure: Midnight for recognition moments, Parchment and Mist for reading.
   Gold is a signal, not a background habit. No gradients, glow, metallic
   effects or decorative shadows anywhere near the identity.
   ========================================================================== */

@import url("fonts.css");

:root {
  --midnight:  #10182F;
  --navy:      #16245B;
  --gold:      #D9A62E;
  --parchment: #F6F0E5;
  --mist:      #E7EAF1;
  --slate:     #667085;
  --white:     #FFFFFF;

  /* On-dark tints, derived so secondary copy stays well above AA on Midnight */
  --on-dark:      #E9E4D8;
  --on-dark-soft: #C2C9DA;

  --sans:  "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --serif: "Source Serif 4", Georgia, "Times New Roman", serif;

  /* 8-point rhythm */
  --s1: 8px;  --s2: 16px; --s3: 24px; --s4: 32px;
  --s5: 40px; --s6: 56px; --s7: 72px; --s8: 96px; --s9: 128px;

  --wrap: 1140px;
  --gut: 24px;

  --r-ctl: 4px;   /* brand: square or lightly rounded, avoid pill-heavy */
  --r-pan: 6px;
}

*, *::before, *::after { box-sizing: border-box; }

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}

body {
  margin: 0;
  background: var(--parchment);
  color: var(--midnight);
  font-family: var(--sans);
  font-size: 17px;
  line-height: 1.65;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

img, svg { max-width: 100%; }

a { color: var(--navy); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { color: var(--midnight); }

:focus-visible {
  outline: 3px solid var(--gold);
  outline-offset: 3px;
  border-radius: 2px;
}

.skip {
  position: absolute; left: -9999px; top: 0;
  background: var(--midnight); color: var(--parchment);
  padding: 12px 20px; z-index: 200; font-weight: 600;
}
.skip:focus { left: 8px; top: 8px; }

/* -------------------------------------------------------------- layout -- */

.wrap { width: 100%; max-width: var(--wrap); margin: 0 auto; padding: 0 var(--gut); }
.narrow { max-width: 760px; }

section { padding: var(--s8) 0; }
@media (max-width: 720px) { section { padding: var(--s6) 0; } }

.s-parchment { background: var(--parchment); }
.s-mist      { background: var(--mist); }
.s-white     { background: var(--white); }
.s-midnight  { background: var(--midnight); color: var(--on-dark); }

/* Every Midnight surface, in one place. The hero and the closing band are dark
   too, and when only `.s-midnight` carried these rules the hero's eyebrow and
   lede inherited Deep Navy on Midnight -- about 1.3:1, effectively invisible.
   Any new dark section must be added to this list. */
.s-midnight, .hero, .band { color: var(--on-dark); }
.s-midnight h2, .s-midnight h3, .s-midnight strong,
.hero h1, .hero h2, .hero h3, .hero strong,
.band h2, .band h3, .band strong { color: var(--parchment); }
.s-midnight p, .hero p, .band p { color: var(--on-dark-soft); }
.s-midnight .lede, .hero .lede, .band .lede { color: var(--on-dark); }
.s-midnight .eyebrow, .hero .eyebrow, .band .eyebrow { color: var(--gold); }
.s-midnight a:not(.btn), .hero a:not(.btn), .band a:not(.btn) { color: var(--gold); }

/* ----------------------------------------------------------- typography -- */

h1, h2, h3 { margin: 0; font-weight: 700; letter-spacing: -0.02em; }

.display {
  font-family: var(--serif);
  font-size: clamp(2.4rem, 6vw, 4.1rem);
  line-height: 1.04;
  font-weight: 700;
}

h2.h {
  font-size: clamp(1.7rem, 3.4vw, 2.5rem);
  line-height: 1.16;
  margin-bottom: var(--s3);
}

h3.h3 {
  font-size: 1.16rem;
  line-height: 1.35;
  margin-bottom: var(--s1);
}

p { margin: 0 0 var(--s3); }
p:last-child { margin-bottom: 0; }

.lede {
  font-family: var(--serif);
  font-size: clamp(1.15rem, 2.1vw, 1.45rem);
  line-height: 1.5;
  font-weight: 400;
  color: var(--navy);
}

.eyebrow {
  font-size: 0.74rem; font-weight: 700;
  letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--navy);
  margin: 0 0 var(--s2);
}

/* Secondary copy on light surfaces is Deep Navy: Slate on Parchment is
   restricted by the brand's own contrast table. */
.muted { color: #34405F; }

.rule-gold { width: 64px; height: 3px; background: var(--gold); border: 0; border-radius: 2px; margin: var(--s4) 0; }

/* --------------------------------------------------------------- header -- */

.hdr {
  position: sticky; top: 0; z-index: 100;
  background: var(--midnight);
  border-bottom: 1px solid rgba(246,240,229,0.12);
}
.hdr__in { display: flex; align-items: center; justify-content: space-between; gap: var(--s3); min-height: 74px; }
.hdr__logo { display: flex; align-items: center; }
.hdr__logo img { height: 30px; width: auto; display: block; }

.nav { display: flex; align-items: center; gap: var(--s1); }

/* :not(.btn) matters. Without it this rule outranks .btn--gold on specificity
   and paints the header button's label light grey on gold, about 1.3:1. */
.nav a:not(.btn) {
  color: var(--on-dark-soft); text-decoration: none;
  font-size: 0.93rem; font-weight: 500;
  padding: 9px 13px; border-radius: var(--r-ctl);
}
.nav a:not(.btn):hover { color: var(--parchment); background: rgba(246,240,229,0.07); }
.nav a:not(.btn)[aria-current="page"] { color: var(--gold); font-weight: 600; }

.btn {
  display: inline-block; text-decoration: none;
  font-weight: 700; font-size: 0.97rem;
  padding: 13px 24px; border-radius: var(--r-ctl);
  border: 2px solid transparent;
}
.btn--gold { background: var(--gold); color: var(--midnight); }
.btn--gold:hover { background: #C4931F; color: var(--midnight); }
.btn--ghost { border-color: rgba(246,240,229,0.34); color: var(--parchment); }
.btn--ghost:hover { border-color: var(--gold); color: var(--gold); }
.btn--navy { background: var(--navy); color: var(--parchment); }
.btn--navy:hover { background: var(--midnight); color: var(--parchment); }
.btn--outline { border-color: var(--navy); color: var(--navy); }
.btn--outline:hover { background: var(--navy); color: var(--parchment); }

.nav__toggle {
  display: none; background: none; border: 1px solid rgba(246,240,229,0.3);
  color: var(--parchment); border-radius: var(--r-ctl);
  padding: 9px 13px; font: inherit; font-size: 0.9rem; font-weight: 600; cursor: pointer;
}

@media (max-width: 900px) {
  .nav__toggle { display: block; }
  .nav {
    display: none; position: absolute; left: 0; right: 0; top: 100%;
    flex-direction: column; align-items: stretch; gap: 0;
    background: var(--midnight); padding: var(--s2) var(--gut) var(--s3);
    border-bottom: 1px solid rgba(246,240,229,0.12);
  }
  .nav[data-open="true"] { display: flex; }
  .nav a:not(.btn) { padding: 13px 4px; font-size: 1rem; }
  .nav .btn { margin-top: var(--s2); text-align: center; }
  .hdr__in { position: relative; }
}

/* ----------------------------------------------------------------- hero -- */

.hero { background: var(--midnight); color: var(--on-dark); padding: var(--s9) 0 var(--s8); }
@media (max-width: 720px) { .hero { padding: var(--s7) 0 var(--s6); } }
/* 22ch keeps the hero headline to two or three lines. A narrower measure broke
   it onto four, which reads as shouting rather than as a statement. */
.hero .display { color: var(--parchment); max-width: 22ch; }
.hero__lede { max-width: 62ch; margin-top: var(--s4); }
.hero__cta { display: flex; flex-wrap: wrap; gap: var(--s2); margin-top: var(--s5); }

.hero--page .display { font-size: clamp(2.1rem, 5vw, 3.4rem); max-width: 18ch; }

/* ---------------------------------------------------------------- grids -- */

.grid { display: grid; gap: var(--s3); }
.g2 { grid-template-columns: repeat(2, 1fr); }
.g3 { grid-template-columns: repeat(3, 1fr); }
.g4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 960px) { .g3, .g4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 680px) { .g2, .g3, .g4 { grid-template-columns: 1fr; } }

/* ---------------------------------------------------------------- cards -- */

.card {
  background: var(--white);
  border: 1px solid var(--mist);
  border-top: 3px solid var(--gold);
  border-radius: var(--r-pan);
  padding: var(--s4) var(--s3) var(--s4);
}
.card p { color: #34405F; font-size: 0.97rem; margin-bottom: 0; }
.s-mist .card { border-color: #D3DAE7; border-top-color: var(--gold); }

/* Product card: the three applications */
.pcard {
  display: block; text-decoration: none; color: inherit;
  background: var(--white);
  border: 1px solid var(--mist);
  border-left: 4px solid var(--gold);
  border-radius: var(--r-pan);
  padding: var(--s4);
}
.pcard:hover { border-color: var(--navy); border-left-color: var(--gold); }
.pcard h3 { color: var(--midnight); margin-bottom: 10px; }
.pcard p { color: #34405F; font-size: 0.97rem; }
.pcard__more { display: inline-block; margin-top: var(--s2); color: var(--navy); font-weight: 700; font-size: 0.93rem; }
.pcard:hover .pcard__more { color: var(--midnight); }

/* Dark card, for use on Midnight sections */
.dcard {
  background: #18203A;
  border: 1px solid rgba(246,240,229,0.13);
  border-top: 3px solid var(--gold);
  border-radius: var(--r-pan);
  padding: var(--s4) var(--s3);
}
.dcard h3 { color: var(--parchment); }
.dcard p { color: var(--on-dark-soft); font-size: 0.97rem; margin-bottom: 0; }

/* ------------------------------------------------------------ accordion -- */
/* The three offerings. Panels default to OPEN in CSS and are closed by script
   on load, so with JavaScript unavailable the whole content is still readable
   rather than sealed shut. */

.acc { margin-top: var(--s6); }

.acc__item {
  background: var(--white);
  border: 1px solid #D3DAE7;
  border-left: 4px solid var(--gold);
  border-radius: var(--r-pan);
  margin-bottom: var(--s2);
  overflow: hidden;
}
.acc__item:last-child { margin-bottom: 0; }

.acc__head {
  display: grid;
  grid-template-columns: 1fr 28px;
  align-items: center;
  gap: var(--s3);
  width: 100%;
  background: none;
  border: 0;
  text-align: left;
  font: inherit;
  color: inherit;
  padding: var(--s4);
  cursor: pointer;
}
.acc__head:hover { background: #FBFAF7; }

.acc__n {
  display: block;
  font-size: 0.7rem; font-weight: 700;
  letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--navy); margin-bottom: 10px;
}
.acc__title {
  display: block;
  font-family: var(--serif);
  font-size: clamp(1.5rem, 2.6vw, 2rem);
  line-height: 1.15; font-weight: 700; letter-spacing: -0.015em;
  color: var(--midnight); margin-bottom: 10px;
}
.acc__one { display: block; font-size: 1.02rem; line-height: 1.55; color: #34405F; }

.acc__icon {
  position: relative; width: 28px; height: 28px;
  border: 1px solid #B9C2D4; border-radius: 50%;
  align-self: start; margin-top: 4px;
}
.acc__icon::before, .acc__icon::after {
  content: ""; position: absolute; left: 50%; top: 50%;
  background: var(--navy); border-radius: 1px;
  transform: translate(-50%, -50%);
  transition: opacity .3s, transform .3s;
}
.acc__icon::before { width: 11px; height: 2px; }
.acc__icon::after  { width: 2px; height: 11px; }
.acc__item[data-open="true"] .acc__icon::after { opacity: 0; transform: translate(-50%,-50%) rotate(90deg); }
.acc__item[data-open="true"] .acc__icon { background: var(--gold); border-color: var(--gold); }

/* Height is animated in pixels by script rather than with a 0fr-to-1fr grid
   transition. The grid technique is tidier on paper but was measured getting
   stuck a full state behind in this engine: the attribute flipped, the computed
   row size did not. Pixel height animates reliably everywhere.
   With no script the wrapper keeps its natural height, so every panel is open
   and readable rather than sealed shut. */
.acc__wrap {
  overflow: hidden;
  transition: height .42s cubic-bezier(.4, 0, .2, 1);
}
.acc__body {
  padding: 0 var(--s4) var(--s4);
  display: grid; grid-template-columns: 1fr 1fr; gap: var(--s5);
}
@media (max-width: 760px) {
  .acc__body { grid-template-columns: 1fr; gap: var(--s3); }
  .acc__head { padding: var(--s3); }
  .acc__body { padding: 0 var(--s3) var(--s3); }
}
@media (prefers-reduced-motion: reduce) {
  .acc__wrap { transition: none; }
}

.acc__forlabel {
  font-size: 0.7rem; font-weight: 700;
  letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--navy); margin: 0 0 var(--s2);
}
.acc__for { list-style: none; margin: 0; padding: 0; }
.acc__for li {
  position: relative; padding-left: 20px; margin-bottom: 9px;
  font-size: 0.95rem; color: #34405F;
}
.acc__for li::before {
  content: ""; position: absolute; left: 0; top: 0.58em;
  width: 6px; height: 6px; background: var(--gold); border-radius: 1px;
}
.acc__for li:last-child { margin-bottom: 0; }
.acc__body p { font-size: 0.99rem; color: #34405F; }
.acc__link {
  display: inline-block; margin-top: var(--s2);
  font-weight: 700; color: var(--navy); text-decoration: none;
}
.acc__link:hover { color: var(--midnight); text-decoration: underline; }

/* ---------------------------------------------------------- three checks -- */
/* Compressed to one line. It is supporting detail, not a headline act. */
.trio {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 0; margin-top: var(--s6);
  border-top: 1px solid rgba(246,240,229,0.2);
}
.trio__i {
  padding: var(--s4) var(--s5) var(--s2) 0;
  border-left: 1px solid rgba(246,240,229,0.2);
  padding-left: var(--s5);
}
.trio__i:first-child { border-left: 0; padding-left: 0; }
.trio__n {
  display: block;
  font-size: 0.68rem; font-weight: 700;
  letter-spacing: 0.22em; color: var(--gold);
  margin-bottom: 14px;
}
.trio__i strong {
  display: block; color: var(--parchment);
  font-size: 1.08rem; font-weight: 700; letter-spacing: -0.01em;
  margin-bottom: 8px;
}
.trio__i span { display: block; font-size: 0.94rem; line-height: 1.6; color: var(--on-dark-soft); }

@media (max-width: 760px) {
  .trio { grid-template-columns: 1fr; }
  .trio__i {
    padding: var(--s4) 0;
    border-left: 0;
    border-top: 1px solid rgba(246,240,229,0.14);
  }
  .trio__i:first-child { border-top: 0; }
}

/* --------------------------------------------------------------- offers -- */
/* The three things actually being sold. These carry the most weight on the
   page, so each gets a full row rather than a third of one. */

.offers { margin-top: var(--s6); }

.offer {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: var(--s6);
  padding: var(--s6) 0;
  border-top: 1px solid #D4CDBD;
}
.offer:first-child { border-top: 0; padding-top: var(--s2); }
.s-mist .offer { border-top-color: #CFD7E4; }

.offer__n {
  font-size: 0.72rem; font-weight: 700;
  letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--navy); margin: 0 0 12px;
}
.offer__name {
  font-family: var(--serif);
  font-size: clamp(1.6rem, 2.8vw, 2.15rem);
  line-height: 1.12; font-weight: 700; letter-spacing: -0.015em;
  color: var(--midnight); margin: 0 0 var(--s2);
}
.offer__what { font-size: 1.05rem; line-height: 1.6; color: #2C3550; margin: 0 0 var(--s3); }
.offer__link { font-weight: 700; color: var(--navy); text-decoration: none; }
.offer__link:hover { color: var(--midnight); text-decoration: underline; }

.offer__forlabel {
  font-size: 0.72rem; font-weight: 700;
  letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--navy); margin: 0 0 var(--s2);
}
.offer__for { list-style: none; margin: 0; padding: 0; }
.offer__for li {
  position: relative; padding-left: 20px; margin-bottom: 9px;
  font-size: 0.97rem; color: #34405F;
}
.offer__for li::before {
  content: ""; position: absolute; left: 0; top: 0.58em;
  width: 6px; height: 6px; background: var(--gold); border-radius: 1px;
}
.offer__for li:last-child { margin-bottom: 0; }

@media (max-width: 820px) {
  .offer { grid-template-columns: 1fr; gap: var(--s4); padding: var(--s5) 0; }
}

/* ---------------------------------------------------------------- steps -- */

.steps { counter-reset: st; display: grid; gap: var(--s4); margin-top: var(--s5); }
.step { display: grid; grid-template-columns: 48px 1fr; gap: var(--s3); align-items: start; }
.step__n {
  counter-increment: st;
  width: 48px; height: 48px; border-radius: var(--r-ctl);
  background: var(--navy); color: var(--parchment);
  display: flex; align-items: center; justify-content: center;
  font-weight: 700; font-size: 1.16rem; font-variant-numeric: tabular-nums;
}
.step__n::after { content: counter(st); }
.step h3 { margin-bottom: 4px; }
.step p { color: #34405F; margin-bottom: 0; }
.s-midnight .step__n { background: var(--gold); color: var(--midnight); }
.s-midnight .step p { color: var(--on-dark-soft); }
@media (max-width: 560px) {
  .step { grid-template-columns: 40px 1fr; gap: var(--s2); }
  .step__n { width: 40px; height: 40px; font-size: 1rem; }
}

/* --------------------------------------------------------------- checks -- */

.checks { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--s3); margin-top: var(--s5); }
@media (max-width: 860px) { .checks { grid-template-columns: 1fr; } }
.check {
  background: #18203A;
  border: 1px solid rgba(246,240,229,0.13);
  border-radius: var(--r-pan);
  padding: var(--s4) var(--s3);
}
.check__n { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.22em; color: var(--gold); margin: 0 0 12px; }
.check h3 { color: var(--parchment); font-size: 1.08rem; margin-bottom: 6px; }
.check p { color: var(--on-dark-soft); font-size: 0.95rem; margin-bottom: 0; }

/* ---------------------------------------------------------------- table -- */

.cmp { width: 100%; border-collapse: collapse; margin-top: var(--s4); font-size: 1rem; }
.cmp thead th {
  text-align: left; padding: 14px var(--s3);
  font-size: 0.72rem; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--navy); background: var(--mist);
  border-bottom: 2px solid #C7CFDE;
}
.cmp thead th:last-child { background: var(--navy); color: var(--parchment); border-bottom-color: var(--navy); }
.cmp tbody td { padding: 15px var(--s3); border-bottom: 1px solid var(--mist); background: var(--white); vertical-align: top; }
.cmp tbody td:first-child { color: #4A5573; width: 48%; }
.cmp tbody td:last-child { color: var(--midnight); font-weight: 600; }
@media (max-width: 620px) {
  .cmp, .cmp tbody, .cmp tr, .cmp td { display: block; width: 100%; }
  .cmp thead { display: none; }
  .cmp tbody tr { margin-bottom: var(--s2); border: 1px solid var(--mist); border-radius: var(--r-pan); overflow: hidden; }
  .cmp tbody td { border-bottom: 0; }
  .cmp tbody td:first-child { width: 100%; background: var(--mist); font-size: 0.93rem; }
  .cmp tbody td:first-child::before { content: "Today — "; font-weight: 700; color: var(--navy); }
  .cmp tbody td:last-child::before { content: "With Verdika — "; font-weight: 700; color: var(--navy); }
}

/* ----------------------------------------------------------------- list -- */

ul.plain { list-style: none; padding: 0; margin: var(--s3) 0 0; }
ul.plain li { position: relative; padding-left: 26px; margin-bottom: 14px; }
ul.plain li::before {
  content: ""; position: absolute; left: 0; top: 0.62em;
  width: 8px; height: 8px; background: var(--gold); border-radius: 1px;
}
ul.plain li:last-child { margin-bottom: 0; }

/* ------------------------------------------------------------- QA block -- */

.qa { border-top: 1px solid #D8D2C3; padding: var(--s5) 0; }
.qa:last-of-type { border-bottom: 1px solid #D8D2C3; }
.qa h3 { font-size: 1.32rem; color: var(--midnight); margin-bottom: var(--s2); }
.qa p { color: #34405F; }

/* ------------------------------------------------------------ statement -- */

.statement {
  font-family: var(--serif);
  font-size: clamp(1.45rem, 3vw, 2.1rem);
  line-height: 1.32; font-weight: 600;
  color: var(--navy);
  border-left: 4px solid var(--gold);
  padding-left: var(--s4);
  margin: 0;
  max-width: 24ch;
}
.s-midnight .statement, .hero .statement { color: var(--parchment); }
.statement--wide { max-width: 34ch; }

/* ----------------------------------------------------------------- band -- */

.band { background: var(--midnight); color: var(--on-dark); padding: var(--s8) 0; }
.band h2 { color: var(--parchment); }
.band p { color: var(--on-dark-soft); max-width: 62ch; }
.band__cta { display: flex; flex-wrap: wrap; gap: var(--s2); margin-top: var(--s5); }

/* --------------------------------------------------------------- footer -- */

.ftr { background: var(--midnight); color: var(--on-dark-soft); padding: var(--s7) 0 var(--s5); border-top: 1px solid rgba(246,240,229,0.12); }
.ftr__top { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: var(--s5); }
@media (max-width: 800px) { .ftr__top { grid-template-columns: 1fr; gap: var(--s4); } }
.ftr__logo img { height: 28px; width: auto; display: block; margin-bottom: var(--s3); }
.ftr__line { font-family: var(--serif); color: var(--gold); font-size: 1.05rem; font-style: italic; }
.ftr h4 { margin: 0 0 var(--s2); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: var(--parchment); }
.ftr ul { list-style: none; margin: 0; padding: 0; }
.ftr li { margin-bottom: 10px; }
.ftr a { color: var(--on-dark-soft); text-decoration: none; font-size: 0.95rem; }
.ftr a:hover { color: var(--gold); }
.ftr__btm {
  margin-top: var(--s6); padding-top: var(--s4);
  border-top: 1px solid rgba(246,240,229,0.12);
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--s2);
  font-size: 0.85rem; color: #98A2BC;
}
.ftr__btm p { margin: 0; color: #98A2BC; }