/* ============================================================
   base.css — reset, base typography, shared elements
   ============================================================ */

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

html {
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  overflow-x: hidden;
  background: var(--bg);
  color: var(--fg);
  font-family: var(--font-1);
  font-weight: var(--fw-regular);
  font-size: var(--fs-14);
  line-height: var(--lh-21);
  letter-spacing: var(--ls-028);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  transition: background-color 0.2s ease, color 0.2s ease;
}

img {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  font: inherit;
  color: inherit;
  background: none;
  border: 0;
  margin: 0;
  cursor: pointer;
}

input {
  font: inherit;
  color: inherit;
  border: 0;
  background: none;
  outline: none;
}

p {
  margin: 0;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* ---- Layout helper ---- */
.container {
  width: min(var(--container), 100% - 48px);
  margin-inline: auto;
}

/* ============================================================
   Typography roles (Figma semantic text styles)
   ============================================================ */
.h1 {
  font-weight: var(--fw-regular);
  font-size: var(--fs-93);
  line-height: var(--lh-102-34);
  letter-spacing: var(--ls-372);
  color: var(--fg);
  margin: 0;
}

.h2 {
  font-weight: var(--fw-medium);
  font-size: var(--fs-32);
  line-height: var(--lh-35-2);
  letter-spacing: var(--ls-128);
  color: var(--fg);
  margin: 0;
}

.h3 {
  font-weight: var(--fw-medium);
  font-size: var(--fs-16);
  line-height: var(--lh-22-4);
  letter-spacing: var(--ls-064);
  color: var(--fg);
  margin: 0;
}

.subtitle {
  font-weight: var(--fw-regular);
  font-size: var(--fs-14);
  line-height: var(--lh-21);
  letter-spacing: var(--ls-028);
  color: var(--text-muted);
}

.stat-num {
  font-weight: var(--fw-regular);
  font-size: var(--fs-80);
  line-height: var(--lh-104);
  letter-spacing: var(--ls-16);
  color: var(--fg);
  white-space: nowrap;
}
.stat-num .muted {
  color: var(--text-muted);
}

/* ============================================================
   Icon system — SVGs rendered as alpha masks so they recolour
   with the theme and stay pixel-exact (single-colour glyphs).
   ============================================================ */
.icon {
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  flex: none;
}

.icon-x{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20overflow=%27visible%27%20style=%27display:%20block;%27%20viewBox=%270%200%2016%2016%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%20%3Cg%20id=%27SVG%27%3E%20%3Cpath%20id=%27Vector%27%20d=%27M12.1627%201.5H14.368L9.55%207.00667L15.218%2014.5H10.78L7.304%209.95533L3.32667%2014.5H1.12L6.27333%208.61L0.836%201.5H5.38667L8.52867%205.654L12.1627%201.5ZM11.3887%2013.18H12.6107L4.72267%202.75067H3.41133L11.3887%2013.18Z%27%20fill=%27var(--fill-0,%20%23151515)%27/%3E%20%3C/g%3E%20%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20overflow=%27visible%27%20style=%27display:%20block;%27%20viewBox=%270%200%2016%2016%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%20%3Cg%20id=%27SVG%27%3E%20%3Cpath%20id=%27Vector%27%20d=%27M12.1627%201.5H14.368L9.55%207.00667L15.218%2014.5H10.78L7.304%209.95533L3.32667%2014.5H1.12L6.27333%208.61L0.836%201.5H5.38667L8.52867%205.654L12.1627%201.5ZM11.3887%2013.18H12.6107L4.72267%202.75067H3.41133L11.3887%2013.18Z%27%20fill=%27var(--fill-0,%20%23151515)%27/%3E%20%3C/g%3E%20%3C/svg%3E")}
.icon-instagram{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20overflow=%27visible%27%20style=%27display:%20block;%27%20viewBox=%270%200%2016%2016%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%20%3Cg%20id=%27SVG%27%20clip-path=%27url(%23clip0_0_8)%27%3E%20%3Cpath%20id=%27Vector%27%20d=%27M11.3333%201.33333H4.66667C2.82572%201.33333%201.33333%202.82572%201.33333%204.66667V11.3333C1.33333%2013.1743%202.82572%2014.6667%204.66667%2014.6667H11.3333C13.1743%2014.6667%2014.6667%2013.1743%2014.6667%2011.3333V4.66667C14.6667%202.82572%2013.1743%201.33333%2011.3333%201.33333Z%27%20stroke=%27var(--stroke-0,%20%23151515)%27%20stroke-width=%271.33333%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%20%3Cpath%20id=%27Vector_2%27%20d=%27M10.6667%207.58C10.7489%208.13483%2010.6542%208.70148%2010.3958%209.19934C10.1375%209.69721%209.72876%2010.1009%209.22775%2010.3531C8.72674%2010.6053%208.15897%2010.6931%207.60519%2010.604C7.05142%2010.5148%206.53984%2010.2534%206.14323%209.85677C5.74661%209.46016%205.48515%208.94858%205.39605%208.39481C5.30694%207.84103%205.39471%207.27326%205.64688%206.77225C5.89906%206.27124%206.30279%205.86249%206.80066%205.60416C7.29852%205.34583%207.86517%205.25106%208.42%205.33333C8.98595%205.41726%209.5099%205.68098%209.91446%206.08554C10.319%206.4901%2010.5827%207.01405%2010.6667%207.58Z%27%20stroke=%27var(--stroke-0,%20%23151515)%27%20stroke-width=%271.33333%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%20%3Cpath%20id=%27Vector_3%27%20d=%27M11.6667%204.33333H11.6733%27%20stroke=%27var(--stroke-0,%20%23151515)%27%20stroke-width=%271.33333%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%20%3C/g%3E%20%3Cdefs%3E%20%3CclipPath%20id=%27clip0_0_8%27%3E%20%3Crect%20width=%2716%27%20height=%2716%27%20fill=%27white%27/%3E%20%3C/clipPath%3E%20%3C/defs%3E%20%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20overflow=%27visible%27%20style=%27display:%20block;%27%20viewBox=%270%200%2016%2016%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%20%3Cg%20id=%27SVG%27%20clip-path=%27url(%23clip0_0_8)%27%3E%20%3Cpath%20id=%27Vector%27%20d=%27M11.3333%201.33333H4.66667C2.82572%201.33333%201.33333%202.82572%201.33333%204.66667V11.3333C1.33333%2013.1743%202.82572%2014.6667%204.66667%2014.6667H11.3333C13.1743%2014.6667%2014.6667%2013.1743%2014.6667%2011.3333V4.66667C14.6667%202.82572%2013.1743%201.33333%2011.3333%201.33333Z%27%20stroke=%27var(--stroke-0,%20%23151515)%27%20stroke-width=%271.33333%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%20%3Cpath%20id=%27Vector_2%27%20d=%27M10.6667%207.58C10.7489%208.13483%2010.6542%208.70148%2010.3958%209.19934C10.1375%209.69721%209.72876%2010.1009%209.22775%2010.3531C8.72674%2010.6053%208.15897%2010.6931%207.60519%2010.604C7.05142%2010.5148%206.53984%2010.2534%206.14323%209.85677C5.74661%209.46016%205.48515%208.94858%205.39605%208.39481C5.30694%207.84103%205.39471%207.27326%205.64688%206.77225C5.89906%206.27124%206.30279%205.86249%206.80066%205.60416C7.29852%205.34583%207.86517%205.25106%208.42%205.33333C8.98595%205.41726%209.5099%205.68098%209.91446%206.08554C10.319%206.4901%2010.5827%207.01405%2010.6667%207.58Z%27%20stroke=%27var(--stroke-0,%20%23151515)%27%20stroke-width=%271.33333%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%20%3Cpath%20id=%27Vector_3%27%20d=%27M11.6667%204.33333H11.6733%27%20stroke=%27var(--stroke-0,%20%23151515)%27%20stroke-width=%271.33333%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%20%3C/g%3E%20%3Cdefs%3E%20%3CclipPath%20id=%27clip0_0_8%27%3E%20%3Crect%20width=%2716%27%20height=%2716%27%20fill=%27white%27/%3E%20%3C/clipPath%3E%20%3C/defs%3E%20%3C/svg%3E")}
.icon-linkedin{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20overflow=%27visible%27%20style=%27display:%20block;%27%20viewBox=%270%200%2016%2016%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%20%3Cg%20id=%27SVG%27%3E%20%3Cpath%20id=%27Vector%27%20d=%27M10.6667%205.33333C11.7275%205.33333%2012.7449%205.75476%2013.4951%206.50491C14.2452%207.25505%2014.6667%208.27247%2014.6667%209.33333V14H12V9.33333C12%208.97971%2011.8595%208.64057%2011.6095%208.39052C11.3594%208.14048%2011.0203%208%2010.6667%208C10.313%208%209.97391%208.14048%209.72386%208.39052C9.47381%208.64057%209.33333%208.97971%209.33333%209.33333V14H6.66667V9.33333C6.66667%208.27247%207.08809%207.25505%207.83824%206.50491C8.58839%205.75476%209.6058%205.33333%2010.6667%205.33333Z%27%20stroke=%27var(--stroke-0,%20%23151515)%27%20stroke-width=%271.33333%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%20%3Cpath%20id=%27Vector_2%27%20d=%27M4%206H1.33333V14H4V6Z%27%20stroke=%27var(--stroke-0,%20%23151515)%27%20stroke-width=%271.33333%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%20%3Cpath%20id=%27Vector_3%27%20d=%27M2.66667%204C3.40305%204%204%203.40305%204%202.66667C4%201.93029%203.40305%201.33333%202.66667%201.33333C1.93029%201.33333%201.33333%201.93029%201.33333%202.66667C1.33333%203.40305%201.93029%204%202.66667%204Z%27%20stroke=%27var(--stroke-0,%20%23151515)%27%20stroke-width=%271.33333%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%20%3C/g%3E%20%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20overflow=%27visible%27%20style=%27display:%20block;%27%20viewBox=%270%200%2016%2016%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%20%3Cg%20id=%27SVG%27%3E%20%3Cpath%20id=%27Vector%27%20d=%27M10.6667%205.33333C11.7275%205.33333%2012.7449%205.75476%2013.4951%206.50491C14.2452%207.25505%2014.6667%208.27247%2014.6667%209.33333V14H12V9.33333C12%208.97971%2011.8595%208.64057%2011.6095%208.39052C11.3594%208.14048%2011.0203%208%2010.6667%208C10.313%208%209.97391%208.14048%209.72386%208.39052C9.47381%208.64057%209.33333%208.97971%209.33333%209.33333V14H6.66667V9.33333C6.66667%208.27247%207.08809%207.25505%207.83824%206.50491C8.58839%205.75476%209.6058%205.33333%2010.6667%205.33333Z%27%20stroke=%27var(--stroke-0,%20%23151515)%27%20stroke-width=%271.33333%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%20%3Cpath%20id=%27Vector_2%27%20d=%27M4%206H1.33333V14H4V6Z%27%20stroke=%27var(--stroke-0,%20%23151515)%27%20stroke-width=%271.33333%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%20%3Cpath%20id=%27Vector_3%27%20d=%27M2.66667%204C3.40305%204%204%203.40305%204%202.66667C4%201.93029%203.40305%201.33333%202.66667%201.33333C1.93029%201.33333%201.33333%201.93029%201.33333%202.66667C1.33333%203.40305%201.93029%204%202.66667%204Z%27%20stroke=%27var(--stroke-0,%20%23151515)%27%20stroke-width=%271.33333%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%20%3C/g%3E%20%3C/svg%3E")}
.icon-arrow{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20overflow=%27visible%27%20style=%27display:%20block;%27%20viewBox=%270%200%2015%2013%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%20%3Cg%20id=%27svg1921665201_648%27%20clip-path=%27url(%23clip0_0_12)%27%3E%20%3Cpath%20id=%27Vector%27%20d=%27M14.8164%206.95946L9.19187%2012.809C8.94789%2013.063%208.55192%2013.063%208.30794%2012.809C8.06396%2012.555%208.06396%2012.1431%208.30794%2011.8891L12.8656%207.14945H0.625529C0.280555%207.14945%200.000576675%206.85847%200.000576675%206.4995C0.000576675%206.14053%200.280555%205.84955%200.625529%205.84955H12.8656L8.30794%201.10991C8.06396%200.855934%208.06396%200.443966%208.30794%200.189985C8.55192%20-0.0629953%208.94789%20-0.0629953%209.19187%200.189985L14.8164%206.03954C14.9344%206.16153%2014.9994%206.32751%2014.9994%206.4995C14.9994%206.67249%2014.9344%206.83747%2014.8164%206.95946Z%27%20fill=%27var(--fill-0,%20%23F4F2F0)%27/%3E%20%3C/g%3E%20%3Cdefs%3E%20%3CclipPath%20id=%27clip0_0_12%27%3E%20%3Crect%20width=%2715%27%20height=%2713%27%20fill=%27white%27/%3E%20%3C/clipPath%3E%20%3C/defs%3E%20%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20overflow=%27visible%27%20style=%27display:%20block;%27%20viewBox=%270%200%2015%2013%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%20%3Cg%20id=%27svg1921665201_648%27%20clip-path=%27url(%23clip0_0_12)%27%3E%20%3Cpath%20id=%27Vector%27%20d=%27M14.8164%206.95946L9.19187%2012.809C8.94789%2013.063%208.55192%2013.063%208.30794%2012.809C8.06396%2012.555%208.06396%2012.1431%208.30794%2011.8891L12.8656%207.14945H0.625529C0.280555%207.14945%200.000576675%206.85847%200.000576675%206.4995C0.000576675%206.14053%200.280555%205.84955%200.625529%205.84955H12.8656L8.30794%201.10991C8.06396%200.855934%208.06396%200.443966%208.30794%200.189985C8.55192%20-0.0629953%208.94789%20-0.0629953%209.19187%200.189985L14.8164%206.03954C14.9344%206.16153%2014.9994%206.32751%2014.9994%206.4995C14.9994%206.67249%2014.9344%206.83747%2014.8164%206.95946Z%27%20fill=%27var(--fill-0,%20%23F4F2F0)%27/%3E%20%3C/g%3E%20%3Cdefs%3E%20%3CclipPath%20id=%27clip0_0_12%27%3E%20%3Crect%20width=%2715%27%20height=%2713%27%20fill=%27white%27/%3E%20%3C/clipPath%3E%20%3C/defs%3E%20%3C/svg%3E")}
.icon-arrow-skill{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20overflow=%27visible%27%20style=%27display:%20block;%27%20viewBox=%270%200%2015.9991%2014%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%20%3Cg%20id=%27Group%27%3E%20%3Cpath%20id=%27Vector%27%20d=%27M11.04%204.304C11.148%204.05%2011.442%203.932%2011.696%204.04C11.95%204.148%2012.068%204.442%2011.96%204.696C11.665%205.386%2011.089%206%2010.3%206C9.813%206%209.408%205.766%209.1%205.426C8.791%205.766%208.387%206%207.9%206C7.414%206%207.008%205.766%206.7%205.426C6.39%205.766%205.986%206%205.5%206C5.224%206%205%205.776%205%205.5C5%205.224%205.224%205%205.5%205C5.712%205%206.02%204.82%206.24%204.304C6.319%204.12%206.5%204%206.7%204C6.9%204%207.081%204.12%207.16%204.304C7.381%204.82%207.688%205%207.9%205C8.113%205%208.42%204.82%208.64%204.304L8.675%204.237C8.773%204.078%208.952%203.988%209.138%204.002C9.324%204.016%209.487%204.132%209.56%204.304C9.78%204.82%2010.087%205%2010.3%205C10.513%205%2010.819%204.82%2011.04%204.304Z%27%20fill=%27var(--fill-0,%20%23151515)%27/%3E%20%3Cpath%20id=%27Vector_2%27%20d=%27M11.9991%200C13.1041%200%2013.9991%200.895%2013.9991%202V10H15.4991C15.7751%2010%2015.9991%2010.224%2015.9991%2010.5V12C15.9991%2013.105%2015.1041%2014%2013.9991%2014H4.99911C3.89411%2014%202.99911%2013.105%202.99911%2012V1H1.99911C1.60511%201%201.24711%201.232%201.08611%201.592C0.925107%201.952%200.991107%202.373%201.25411%202.667C1.42611%202.874%201.40311%203.18%201.20211%203.359C1.00211%203.538%200.696107%203.527%200.509107%203.333C-0.0158933%202.745%20-0.147893%201.904%200.174107%201.184C0.496107%200.464%201.21111%200%201.99911%200H11.9991ZM3.99911%2012C3.99911%2012.552%204.44711%2013%204.99911%2013C5.55111%2013%205.99911%2012.552%205.99911%2012V10.5C5.99911%2010.224%206.22311%2010%206.49911%2010H12.9991V2C12.9991%201.448%2012.5511%201%2011.9991%201H3.99911V12ZM6.99911%2012C6.99911%2012.365%206.89911%2012.706%206.72911%2013H13.9991C14.5511%2013%2014.9991%2012.552%2014.9991%2012V11H6.99911V12Z%27%20fill=%27var(--fill-0,%20%23151515)%27/%3E%20%3C/g%3E%20%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20overflow=%27visible%27%20style=%27display:%20block;%27%20viewBox=%270%200%2015.9991%2014%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%20%3Cg%20id=%27Group%27%3E%20%3Cpath%20id=%27Vector%27%20d=%27M11.04%204.304C11.148%204.05%2011.442%203.932%2011.696%204.04C11.95%204.148%2012.068%204.442%2011.96%204.696C11.665%205.386%2011.089%206%2010.3%206C9.813%206%209.408%205.766%209.1%205.426C8.791%205.766%208.387%206%207.9%206C7.414%206%207.008%205.766%206.7%205.426C6.39%205.766%205.986%206%205.5%206C5.224%206%205%205.776%205%205.5C5%205.224%205.224%205%205.5%205C5.712%205%206.02%204.82%206.24%204.304C6.319%204.12%206.5%204%206.7%204C6.9%204%207.081%204.12%207.16%204.304C7.381%204.82%207.688%205%207.9%205C8.113%205%208.42%204.82%208.64%204.304L8.675%204.237C8.773%204.078%208.952%203.988%209.138%204.002C9.324%204.016%209.487%204.132%209.56%204.304C9.78%204.82%2010.087%205%2010.3%205C10.513%205%2010.819%204.82%2011.04%204.304Z%27%20fill=%27var(--fill-0,%20%23151515)%27/%3E%20%3Cpath%20id=%27Vector_2%27%20d=%27M11.9991%200C13.1041%200%2013.9991%200.895%2013.9991%202V10H15.4991C15.7751%2010%2015.9991%2010.224%2015.9991%2010.5V12C15.9991%2013.105%2015.1041%2014%2013.9991%2014H4.99911C3.89411%2014%202.99911%2013.105%202.99911%2012V1H1.99911C1.60511%201%201.24711%201.232%201.08611%201.592C0.925107%201.952%200.991107%202.373%201.25411%202.667C1.42611%202.874%201.40311%203.18%201.20211%203.359C1.00211%203.538%200.696107%203.527%200.509107%203.333C-0.0158933%202.745%20-0.147893%201.904%200.174107%201.184C0.496107%200.464%201.21111%200%201.99911%200H11.9991ZM3.99911%2012C3.99911%2012.552%204.44711%2013%204.99911%2013C5.55111%2013%205.99911%2012.552%205.99911%2012V10.5C5.99911%2010.224%206.22311%2010%206.49911%2010H12.9991V2C12.9991%201.448%2012.5511%201%2011.9991%201H3.99911V12ZM6.99911%2012C6.99911%2012.365%206.89911%2012.706%206.72911%2013H13.9991C14.5511%2013%2014.9991%2012.552%2014.9991%2012V11H6.99911V12Z%27%20fill=%27var(--fill-0,%20%23151515)%27/%3E%20%3C/g%3E%20%3C/svg%3E")}
.icon-star{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20overflow=%27visible%27%20style=%27display:%20block;%27%20viewBox=%270%200%208.996%209%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%20%3Cg%20id=%27image%27%20clip-path=%27url(%23clip0_0_7)%27%3E%20%3Cpath%20id=%27Vector%27%20d=%27M8.76914%204.11846L6.96094%205.73664L7.51201%208.15691C7.57401%208.42494%207.474%208.70597%207.25898%208.86899C7.04295%209.031%206.75492%209.04301%206.5279%208.89899L4.49767%207.60385L2.46744%208.89899C2.24042%209.04201%201.95239%209.03%201.73736%208.86799C1.52234%208.70497%201.42233%208.42494%201.48434%208.15691L2.0374%205.73664L0.229196%204.11846C0.0281739%203.93844%20-0.0498348%203.65141%200.0321743%203.38938C0.114183%203.12635%200.339208%202.94033%200.603238%202.91632L2.9745%202.7183L3.8886%200.423047C3.99061%200.167019%204.23064%200%204.49667%200C4.7637%200%205.00373%200.167019%205.10574%200.423047L6.01984%202.7183L8.3901%202.91632C8.65513%202.93933%208.88116%203.12535%208.96317%203.38838C9.04618%203.65041%208.96817%203.93844%208.76714%204.11946L8.76914%204.11846Z%27%20fill=%27var(--fill-0,%20white)%27/%3E%20%3C/g%3E%20%3Cdefs%3E%20%3CclipPath%20id=%27clip0_0_7%27%3E%20%3Crect%20width=%278.996%27%20height=%279%27%20fill=%27white%27/%3E%20%3C/clipPath%3E%20%3C/defs%3E%20%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20overflow=%27visible%27%20style=%27display:%20block;%27%20viewBox=%270%200%208.996%209%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%20%3Cg%20id=%27image%27%20clip-path=%27url(%23clip0_0_7)%27%3E%20%3Cpath%20id=%27Vector%27%20d=%27M8.76914%204.11846L6.96094%205.73664L7.51201%208.15691C7.57401%208.42494%207.474%208.70597%207.25898%208.86899C7.04295%209.031%206.75492%209.04301%206.5279%208.89899L4.49767%207.60385L2.46744%208.89899C2.24042%209.04201%201.95239%209.03%201.73736%208.86799C1.52234%208.70497%201.42233%208.42494%201.48434%208.15691L2.0374%205.73664L0.229196%204.11846C0.0281739%203.93844%20-0.0498348%203.65141%200.0321743%203.38938C0.114183%203.12635%200.339208%202.94033%200.603238%202.91632L2.9745%202.7183L3.8886%200.423047C3.99061%200.167019%204.23064%200%204.49667%200C4.7637%200%205.00373%200.167019%205.10574%200.423047L6.01984%202.7183L8.3901%202.91632C8.65513%202.93933%208.88116%203.12535%208.96317%203.38838C9.04618%203.65041%208.96817%203.93844%208.76714%204.11946L8.76914%204.11846Z%27%20fill=%27var(--fill-0,%20white)%27/%3E%20%3C/g%3E%20%3Cdefs%3E%20%3CclipPath%20id=%27clip0_0_7%27%3E%20%3Crect%20width=%278.996%27%20height=%279%27%20fill=%27white%27/%3E%20%3C/clipPath%3E%20%3C/defs%3E%20%3C/svg%3E")}
.icon-search{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20overflow=%27visible%27%20style=%27display:%20block;%27%20viewBox=%270%200%2012.28%2013.9986%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%20%3Cg%20id=%27SVG%27%20opacity=%270.48%27%3E%20%3Cpath%20id=%27Vector%27%20d=%27M1.80781%207.34735C1.6278%206.91276%201.53515%206.44696%201.53515%205.97657C1.53515%205.50617%201.6278%205.04038%201.80781%204.60579C1.98783%204.1712%202.25168%203.77632%202.5843%203.4437C2.91692%203.11108%203.3118%202.84723%203.74639%202.66721C4.18098%202.4872%204.64677%202.39455%205.11717%202.39455C5.58756%202.39455%206.05336%202.4872%206.48795%202.66721C6.92254%202.84723%207.31741%203.11108%207.65003%203.4437C7.98266%203.77632%208.24651%204.1712%208.42652%204.60579C8.60653%205.04038%208.69918%205.50617%208.69918%205.97657C8.69918%206.44696%208.60653%206.91276%208.42652%207.34735C8.24651%207.78194%207.98266%208.17681%207.65003%208.50943C7.31741%208.84206%206.92254%209.10591%206.48795%209.28592C6.05336%209.46593%205.58756%209.55858%205.11717%209.55858C4.64677%209.55858%204.18098%209.46593%203.74639%209.28592C3.3118%209.10591%202.91692%208.84206%202.5843%208.50943C2.25168%208.17681%201.98783%207.78194%201.80781%207.34735Z%27%20stroke=%27var(--stroke-0,%20%23878787)%27%20stroke-opacity=%270.8%27%20stroke-width=%271.27917%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%20%3Cpath%20id=%27Vector_2%27%20d=%27M10.7453%2011.6046L7.675%208.53431%27%20stroke=%27var(--stroke-0,%20%23878787)%27%20stroke-opacity=%270.8%27%20stroke-width=%271.27917%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%20%3C/g%3E%20%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20overflow=%27visible%27%20style=%27display:%20block;%27%20viewBox=%270%200%2012.28%2013.9986%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%20%3Cg%20id=%27SVG%27%20opacity=%270.48%27%3E%20%3Cpath%20id=%27Vector%27%20d=%27M1.80781%207.34735C1.6278%206.91276%201.53515%206.44696%201.53515%205.97657C1.53515%205.50617%201.6278%205.04038%201.80781%204.60579C1.98783%204.1712%202.25168%203.77632%202.5843%203.4437C2.91692%203.11108%203.3118%202.84723%203.74639%202.66721C4.18098%202.4872%204.64677%202.39455%205.11717%202.39455C5.58756%202.39455%206.05336%202.4872%206.48795%202.66721C6.92254%202.84723%207.31741%203.11108%207.65003%203.4437C7.98266%203.77632%208.24651%204.1712%208.42652%204.60579C8.60653%205.04038%208.69918%205.50617%208.69918%205.97657C8.69918%206.44696%208.60653%206.91276%208.42652%207.34735C8.24651%207.78194%207.98266%208.17681%207.65003%208.50943C7.31741%208.84206%206.92254%209.10591%206.48795%209.28592C6.05336%209.46593%205.58756%209.55858%205.11717%209.55858C4.64677%209.55858%204.18098%209.46593%203.74639%209.28592C3.3118%209.10591%202.91692%208.84206%202.5843%208.50943C2.25168%208.17681%201.98783%207.78194%201.80781%207.34735Z%27%20stroke=%27var(--stroke-0,%20%23878787)%27%20stroke-opacity=%270.8%27%20stroke-width=%271.27917%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%20%3Cpath%20id=%27Vector_2%27%20d=%27M10.7453%2011.6046L7.675%208.53431%27%20stroke=%27var(--stroke-0,%20%23878787)%27%20stroke-opacity=%270.8%27%20stroke-width=%271.27917%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%20%3C/g%3E%20%3C/svg%3E")}

/* ============================================================
   Shared components
   ============================================================ */

/* Pill badge sitting on imagery / sections (Mine Shaft / Silver 15%) */
.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 12px;
  border-radius: var(--r-100);
  background: var(--badge-bg);
  border: 1px solid var(--border-15);
  backdrop-filter: blur(2.5px);
  -webkit-backdrop-filter: blur(2.5px);
  font-weight: var(--fw-medium);
  font-size: var(--fs-12);
  line-height: var(--lh-16-8);
  letter-spacing: var(--ls-048);
  color: var(--fg);
  white-space: nowrap;
}
.badge--on-image { color: var(--badge-fg); }

/* Neutral chip (Step N / tag chips on cards — surface-2) */
.chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 12px;
  border-radius: var(--r-100);
  background: var(--surface-2);
  border: 1px solid var(--border-soft);
  backdrop-filter: blur(2.5px);
  -webkit-backdrop-filter: blur(2.5px);
  font-weight: var(--fw-medium);
  font-size: var(--fs-12);
  line-height: var(--lh-16-8);
  letter-spacing: var(--ls-048);
  color: var(--fg);
  white-space: nowrap;
}

/* Primary action button (Cod Gray <-> Pampas) */
.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--sp-xs);
  padding: 6px 12px;
  border-radius: var(--r-50);
  background: var(--btn-bg);
  color: var(--btn-fg);
  border: 1px solid var(--border-15);
  font-weight: var(--fw-medium);
  font-size: var(--fs-14);
  line-height: var(--lh-22-4);
  letter-spacing: var(--ls-028);
  backdrop-filter: blur(2.5px);
  -webkit-backdrop-filter: blur(2.5px);
}

/* Secondary button on neutral surface (View Skill in cards) */
.btn-skill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--sp-xs);
  padding: 6px 12px;
  border-radius: var(--r-50);
  background: var(--surface-2);
  color: var(--fg);
  border: 1px solid var(--border-soft);
  font-weight: var(--fw-medium);
  font-size: var(--fs-14);
  line-height: var(--lh-22-4);
  letter-spacing: var(--ls-028);
}
.btn-skill .icon {
  width: 16px;
  height: 14px;
}

/* Fixed white pill — "See how it works" (stays white in both themes) */
.btn-white {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  border-radius: var(--r-50);
  background: var(--pill-white-bg);
  color: var(--pill-white-fg);
  border: 1px solid var(--border-15);
  font-weight: var(--fw-medium);
  font-size: var(--fs-14);
  line-height: var(--lh-22-4);
  letter-spacing: var(--ls-028);
  backdrop-filter: blur(2.5px);
  -webkit-backdrop-filter: blur(2.5px);
}

/* Email capture form (hero + CTA) */
.email-form {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 400px;
  max-width: 100%;
}
.email-form .field { min-width: 0; }
.email-form .field {
  flex: 1 0 0;
  min-width: 0;
  display: flex;
  align-items: center;
  padding: 12px 16px;
  border-radius: var(--r-300);
  background: var(--surface-2);
  border: 1px solid var(--border-soft);
  backdrop-filter: blur(2.5px);
  -webkit-backdrop-filter: blur(2.5px);
}
.email-form .field input {
  width: 100%;
  min-width: 0;
  font-weight: var(--fw-medium);
  font-size: var(--fs-14);
  letter-spacing: var(--ls-056);
  color: var(--fg);
}
.email-form .field input::placeholder {
  color: var(--text-muted);
  opacity: 1;
}
.email-form .submit {
  flex: none;
  width: 43px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--r-50);
  background: var(--btn-bg);
  border: 1px solid var(--border-15);
  backdrop-filter: blur(2.5px);
  -webkit-backdrop-filter: blur(2.5px);
}
.email-form .submit .icon {
  width: 15px;
  height: 13px;
  background-color: var(--btn-fg);
}

/* ============================================================
   Responsive type scale (shared across pages)
   ============================================================ */
@media (max-width: 1040px) {
  .h1 { font-size: 72px; line-height: 78px; letter-spacing: -2.6px; }
}
@media (max-width: 600px) {
  .h1 { font-size: 46px; line-height: 50px; letter-spacing: -1.6px; }
  .h2 { font-size: 28px; line-height: 32px; letter-spacing: -1px; }
  .stat-num { font-size: 56px; line-height: 64px; letter-spacing: -1.2px; }
}