/* Section 3: centered introduction and three principles, matching the supplied frame. */
.figma-v2 .expertise.expertise-centered {
  margin-top:100px;
  padding:20px 0 80px;
  border:0;
  background:#fff;
}
.figma-v2 .expertise.expertise-centered::before {display:none}
.figma-v2 .expertise-centered .expertise-heading {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0;
  padding:0 20px;
  text-align:center;
}
.figma-v2 .expertise.expertise-centered .expertise-heading>.eyebrow {
  position:static;
  order:0;
  justify-content:center;
  align-self:center;
  height:auto;
  padding:0;
  margin:0 0 16px;
  border:0;
  border-radius:0;
  background:none;
  font:500 11px/18px Poppins,sans-serif;
  color:var(--red);
  letter-spacing:1.3px;
  gap:10px;
}
.figma-v2 .expertise-centered .expertise-heading h2 {
  overflow:visible;
  font:600 clamp(38px,4.2vw,60px)/1.08 Geist,Arial,sans-serif;
  letter-spacing:-.045em;
  margin:0;
  color:var(--ink);
}
.figma-v2 .expertise-centered .expertise-heading>.expertise-summary {
  width:480px;
  max-width:100%;
  margin:18px 0 0;
  font:500 14px/21px Poppins,Arial,sans-serif;
  color:#818181;
  text-wrap:balance;
}
@media(max-width:700px){
  .figma-v2 .expertise-centered .expertise-heading>.expertise-summary{
    width:calc(100% + 8px);max-width:calc(100% + 8px);font-size:var(--summary-font-size,clamp(10px,3vw,14px));line-height:1.5;letter-spacing:-.02em;text-wrap:wrap;
  }
  .expertise-summary .summary-line{display:inline-block;white-space:nowrap}
}
.figma-v2 .expertise-centered .benefit-grid {
  width:92%;
  max-width:1440px;
  margin:72px auto 0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(24px,2.6vw,40px);
  background:none;
}
.figma-v2 .expertise.expertise-centered .benefit-grid article,
.figma-v2 .expertise.expertise-centered .benefit-grid article:last-child {
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  grid-column:auto;
  aspect-ratio:19/20;
  min-width:0;
  min-height:350px;
  padding:56px 28px 42px;
  border:0;
  background:radial-gradient(ellipse at 50% 35%,#fff 35%,#fafafa 62%,#efefef 100%);
  box-shadow:inset 0 4px 34px 8px #dfdfdf30;
  color:var(--ink);
}
.figma-v2 .expertise-centered .benefit-grid article::before,
.figma-v2 .expertise-centered .benefit-grid article::after,
.figma-v2 .expertise-centered .benefit-surface,
.figma-v2 .expertise-centered .benefit-glow {display:none}
.figma-v2 .expertise-centered .benefit-progress {
  position:absolute;
  top:24px;
  right:32px;
  display:flex;
  gap:4px;
}
.benefit-progress i {display:block;width:7px;height:7px;border-radius:50%;background:#d9d9d9}
.benefit-progress .is-active {background:var(--red)}
.figma-v2 .expertise.expertise-centered .benefit-grid article .icon-box {
  width:56px;
  height:56px;
  margin-bottom:28px;
}
.figma-v2 .expertise-centered .benefit-grid .icon-complete>img {
  left:-3px;
  top:-3px;
  width:82px;
  height:auto;
}
.figma-v2 .expertise-centered .benefit-grid h3 {
  font:600 clamp(19px,1.65vw,22px)/1.3 Poppins,Arial,sans-serif;
  letter-spacing:-.4px;
  white-space:normal;
  margin:0 0 8px;
}
.figma-v2 .expertise-centered .benefit-grid p,
.figma-v2 .expertise-centered .benefit-grid article:last-child p {
  min-height:63px;
  font:500 clamp(13px,1.16vw,14px)/1.5 Poppins,Arial,sans-serif;
  color:#818181;
  margin:0;
  max-width:none;
}
@media(max-width:1000px) {
  .figma-v2 .expertise-centered .benefit-grid {width:100%;gap:20px}
  .figma-v2 .expertise.expertise-centered .benefit-grid article,
  .figma-v2 .expertise.expertise-centered .benefit-grid article:last-child {padding:56px 24px 32px}
}
@media(max-width:900px) {
  .figma-v2 .expertise-centered .benefit-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .figma-v2 .expertise.expertise-centered .benefit-grid article:last-child {grid-column:1/-1;aspect-ratio:auto;min-height:320px}
}
@media(max-width:600px) {
  .figma-v2 .expertise.expertise-centered {margin-top:56px;padding:0 0 48px}
  .figma-v2 .expertise-centered .expertise-heading {padding:0 8px}
  .figma-v2 .expertise-centered .expertise-heading h2 {font-size:clamp(30px,8vw,42px)}
  .figma-v2 .expertise.expertise-centered .expertise-heading>.eyebrow {font-size:9px;letter-spacing:1px;gap:8px}
  .figma-v2 .expertise-centered .benefit-grid {grid-template-columns:minmax(0,1fr);margin-top:40px;gap:20px}
  .figma-v2 .expertise.expertise-centered .benefit-grid article,
  .figma-v2 .expertise.expertise-centered .benefit-grid article:last-child {grid-column:auto;aspect-ratio:auto;min-height:350px;padding:72px 28px 36px}
  .figma-v2 .expertise-centered .benefit-grid p,
  .figma-v2 .expertise-centered .benefit-grid article:last-child p {min-height:0;font-size:14px}
}