/* Design layer aligned with impact/styles.css (Knowledge to Impact landing page) */
:root{
  --bg:#f7f8f9;
  --ink:#17242e;
  --muted:#5c6b78;
  --line:#dde3e8;
  --accent:#24678d;
  --accent-soft:#d7e6ef;
  --dark:#15232d;
  --card:#eef2f5;
}

html body{
  background:var(--bg) !important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
}

/* headings: heavy weight, tight tracking, ink color — beats the page's own
   inline #wsite-content h2 {color:#2a2a2a !important} via higher specificity */
html body #wsite-content h2,
html body #wsite-content h2 font,
html body .wsite-content-title,
html body .wsite-content-title font{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-weight:600 !important;
  letter-spacing:-.01em !important;
  color:var(--ink) !important;
}
html body #wsite-content h2 font[color]{
  color:var(--accent) !important;
}

html body #wsite-content div.paragraph,
html body #wsite-content p{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  color:var(--muted) !important;
  line-height:1.55;
}

/* header */
#header-wrap{
  background:rgba(247,248,249,.92) !important;
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
  box-shadow:none !important;
}
.wsite-menu-default a{
  color:var(--muted) !important;
  font-weight:700 !important;
  font-size:13px !important;
  letter-spacing:0 !important;
  transition:color .15s ease;
}
.wsite-menu-default a:hover{
  color:var(--ink) !important;
}
#active > a{
  color:var(--ink) !important;
}

/* DE/EN language toggle, styled like impact/styles.css .lang-switch */
.lang-switch-item{
  display:flex;
  align-items:center;
}
.lang-switch{
  display:flex;
  border:1px solid var(--line);
  border-radius:999px;
  overflow:hidden;
}
.lang-switch button{
  border:0;
  background:transparent;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
  padding:8px 13px;
  cursor:pointer;
  font-family:inherit;
}
.lang-switch button.active{
  background:var(--ink);
  color:#fff;
}

/* pill CTA linking to the impact/ landing page */
.impact-nav-item{
  display:flex;
  align-items:center;
}
.impact-nav-item a{
  border:1px solid var(--ink) !important;
  border-radius:999px;
  padding:8px 16px !important;
  font-weight:800 !important;
  font-size:12px !important;
  color:var(--ink) !important;
  transition:background .15s ease, color .15s ease;
}
.impact-nav-item a:hover{
  background:var(--ink) !important;
  color:#fff !important;
}

/* section backgrounds */
.wsite-background-4{
  background-color:var(--bg) !important;
}
.wsite-background-6{
  background-color:var(--card) !important;
}

/* the "OUR GOAL" section — flat dark panel, matching .product/.cta in impact/ */
.wsite-background-5{
  background-image:none !important;
  background-color:var(--dark) !important;
}
html body #wsite-content .wsite-background-5 h2,
html body #wsite-content .wsite-background-5 h2 font,
html body #wsite-content .wsite-background-5 h2 strong font{
  color:#fff !important;
}
html body #wsite-content .wsite-background-5 .paragraph,
html body #wsite-content .wsite-background-5 .paragraph font{
  color:#c2ccd3 !important;
}
.wsite-background-5 .colored-box-content{
  background:transparent !important;
  border:none !important;
}

/* feature / info cards: flat, bordered, no heavy shadow */
.colored-box-content{
  background:var(--card) !important;
  border:1px solid var(--line) !important;
  border-radius:6px !important;
  box-shadow:none !important;
  transition:border-color .15s ease;
}
.colored-box-content:hover{
  border-color:var(--ink) !important;
}
.colored-box-content .wsite-image img{
  border-radius:4px;
}

/* divider: thin flat rule instead of gradient */
.styled-hr{
  border:none !important;
  border-top:1px solid var(--ink) !important;
  height:0 !important;
  opacity:1;
}

/* links */
#wsite-content a{
  color:var(--accent);
  transition:opacity .15s ease;
}
#wsite-content a:hover{
  opacity:.75;
}

/* large hero-scale headline sizes (font size= attributes), tightened to match impact/'s type scale */
html body #wsite-content font[size="7"]{ font-size:clamp(40px,7vw,72px) !important; line-height:1.02 !important; }
html body #wsite-content font[size="6"]{ font-size:clamp(28px,4vw,40px) !important; }
html body #wsite-content font[size="5"]{ font-size:26px !important; }
html body #wsite-content font[size="4"]{ font-size:20px !important; }
html body #wsite-content font[size="3"]{ font-size:17px !important; }