/* KREMARA B2B | HOME TYPOGRAPHY & PALETTE | 2026-10-19
   Matched against the current homepage (index.html):
   Segoe UI, calm grey-green headings, soft neutral copy, azure slate CTA.
   Visual layout, spacing, image sources, cropping and image filters are unchanged.
   This stylesheet is deliberately scoped to the B2B page only.
*/
body.kremara-b2b-ref {
  --cream: #ffffff;
  --linen: #f6f4f0;
  --paper: #ffffff;
  --rust: #56635B;
  --rust2: #365562;
  --ink: #56635b;
  --muted: #68716c;
  --line: #e2dfd8;
  background: #ffffff;
  color: #646e68;
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 1.75;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
/* The homepage uses a white navigation band and muted navigation lettering. */
.kremara-b2b-ref .site-header,
.kremara-b2b-ref .kremara-nav {
  background: #ffffff;
  border-bottom-color: #e2dfd8;
}
.kremara-b2b-ref .kremara-links a,
.kremara-b2b-ref .main-nav a {
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  color: #627067;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: .01em;
  text-transform: none;
}
.kremara-b2b-ref .kremara-links a:hover,
.kremara-b2b-ref .kremara-links a[aria-current],
.kremara-b2b-ref .main-nav a:hover,
.kremara-b2b-ref .main-nav a.is-active {
  color: #4c6354;
  background-color: #f0f1ec;
}
.kremara-b2b-ref .language-nav a { color: #536771; background: #edf3f5; }
.kremara-b2b-ref .language-nav a.is-current { color:#fff; background:#56635B; }
/* Heading family, weight, tracking and color from the homepage's calm-type rule. */
.kremara-b2b-ref h1,
.kremara-b2b-ref h2,
.kremara-b2b-ref h3,
.kremara-b2b-ref .hero h1,
.kremara-b2b-ref .section-intro h2,
.kremara-b2b-ref .collection h2,
.kremara-b2b-ref .cta-center h2,
.kremara-b2b-ref .stage-top h3 {
  color: #56635b;
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  font-weight: 400;
  letter-spacing: .005em;
  line-height: 1.45;
  text-transform: none;
}
.kremara-b2b-ref .hero h1 { font-size:clamp(25px,3.1vw,40px); }
.kremara-b2b-ref .section-intro h2,
.kremara-b2b-ref .collection h2,
.kremara-b2b-ref .cta-center h2 { font-size:clamp(21px,2.3vw,28px); }
.kremara-b2b-ref .stage-top h3 { font-size:18px; }
/* Copy and captions; do not touch imagery or its positioning. */
.kremara-b2b-ref .hero-lead,
.kremara-b2b-ref .section-intro p,
.kremara-b2b-ref .stage-points li,
.kremara-b2b-ref .collection-heading > p,
.kremara-b2b-ref .cta-center p,
.kremara-b2b-ref .benefit,
.kremara-b2b-ref .perk span,
.kremara-b2b-ref .product-label,
.kremara-b2b-ref .hero-slogan {
  color: #68716c;
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
}
.kremara-b2b-ref .hero-lead,
.kremara-b2b-ref .section-intro p,
.kremara-b2b-ref .collection-heading > p,
.kremara-b2b-ref .cta-center p { font-size: 15.5px; line-height: 1.85; }
.kremara-b2b-ref .stage-points li { font-size: 14px; line-height: 1.5; }
.kremara-b2b-ref .eyebrow,
.kremara-b2b-ref .step-subtitle,
.kremara-b2b-ref .product-label small { color: #758078; font-family:"Segoe UI",Arial,Helvetica,sans-serif; font-weight:400; }
.kremara-b2b-ref .product-label b { color: #56635b; font-weight: 500; }
/* Accent colors, surface/background colors and buttons match homepage. */
.kremara-b2b-ref .hero,
.kremara-b2b-ref .contact-banner { background: #f6f4f0; }
.kremara-b2b-ref .stage-card {
  background: #ffffff;
  border-color: #e2dfd8;
  box-shadow: 0 3px 16px rgba(65,62,52,.06);
}
.kremara-b2b-ref .product-tile { background: #f6f4f0; }
.kremara-b2b-ref .step-number { background: #56635B; color: #fff; }
.kremara-b2b-ref .stage-card:not(:last-child):after { color:#56635B; }
.kremara-b2b-ref .benefit svg,
.kremara-b2b-ref .stage-points svg,
.kremara-b2b-ref .perk svg { color:#637368; }
.kremara-b2b-ref .benefit,
.kremara-b2b-ref .perk { border-right-color:#e2dfd8; }
.kremara-b2b-ref .action {
  background: #56635B;
  border: 1px solid #56635B;
  color: #fff;
  font-family: "Segoe UI",Arial,Helvetica,sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: .025em;
  text-transform: none;
  box-shadow: 0 6px 13px rgba(37,71,88,.08);
}
.kremara-b2b-ref .action:hover,
.kremara-b2b-ref .action:focus-visible { background:#365562; border-color:#365562; }
.kremara-b2b-ref .collection-link { color:#476c7b; font-weight:400; }
.kremara-b2b-ref .collection-link:hover { color:#365562; }
.kremara-b2b-ref .small-footer { background:#fff; color:#7c857e; }
@media(max-width:760px){
  .kremara-b2b-ref .hero h1 {font-size:clamp(24px,6vw,32px)}
  .kremara-b2b-ref .section-intro h2,
  .kremara-b2b-ref .collection h2,
  .kremara-b2b-ref .cta-center h2 {font-size:clamp(21px,5.5vw,26px)}
  .kremara-b2b-ref .stage-top h3 {font-size:18px}
  .kremara-b2b-ref .hero-lead,
  .kremara-b2b-ref .section-intro p,
  .kremara-b2b-ref .collection-heading>p,
  .kremara-b2b-ref .cta-center p {font-size:15px;line-height:1.8}
}