/* =========================================================
   FOUNDER WORKS — FLATICON UICONS
   Page-content icons only. Shared navigation/footer iconography
   remains untouched so global chrome stays consistent site-wide.
   ========================================================= */

.founder-works-page .founder-pillars .fi,
.founder-works-page .founder-journey .fi,
.founder-works-page .founder-difference .fi,
.founder-works-page .founder-benefits .fi{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1em;
  height:1em;
  line-height:1;
  font-style:normal;
  vertical-align:middle;
}
.founder-works-page .founder-pillars .fi::before,
.founder-works-page .founder-journey .fi::before,
.founder-works-page .founder-difference .fi::before,
.founder-works-page .founder-benefits .fi::before{
  display:block;
  line-height:1;
}

/* Hero / benefits strip: line icons closely matching the mockup. */
.founder-works-page .founder-pillar-icon{
  display:grid;
  place-items:center;
  padding:0;
}
.founder-works-page .founder-pillar-icon .founder-fi{
  font-size:42px;
  color:#de951a;
}
.founder-works-page .founder-pillar-grid article:nth-child(2) .founder-fi{font-size:43px;}
.founder-works-page .founder-pillar-grid article:nth-child(3) .founder-fi{font-size:41px;}
.founder-works-page .founder-pillar-grid article:nth-child(4) .founder-fi{font-size:43px;}

/* Deal #1–#4 house circles. */
.founder-works-page .step-house{
  padding:0;
}
.founder-works-page .step-house .founder-fi-house{
  font-size:37px;
  color:#d99a2a;
}

/* Founder unlock star: solid gold, as in the reference card. */
.founder-works-page .unlock-star{
  display:grid;
  place-items:start center;
  padding-top:1px;
}
.founder-works-page .unlock-star .founder-fi-star{
  font-size:25px;
  color:#d69927;
}

/* $10,000 badge: preserve the hex/diamond treatment and use a
   Flaticon money-note glyph instead of the bespoke money SVG. */
.founder-works-page .credit-badge{
  padding:0;
}
.founder-works-page .credit-badge .founder-fi-credit{
  transform:rotate(-30deg);
  font-size:20px;
  color:#d99a2a;
}

/* Comparison arrow and $10K Difference star. */
.founder-works-page .difference-arrow .fi{
  font-size:37px;
  color:#e5a025;
}
.founder-works-page .difference-star .fi{
  font-size:23px;
  color:#fff;
}

/* More Than Just the Rebate — calendar, concierge, people,
   education, growth, community. */
.founder-works-page .founder-benefit-icon{
  display:grid;
  place-items:center;
  padding:0;
}
.founder-works-page .founder-benefit-icon .founder-fi-benefit{
  font-size:43px;
  color:#071d3e;
}
.founder-works-page .founder-benefit-grid article:first-child .founder-fi-benefit{
  color:#bd8117;
}
.founder-works-page .founder-benefit-grid article:nth-child(2) .founder-fi-benefit{font-size:41px;}
.founder-works-page .founder-benefit-grid article:nth-child(3) .founder-fi-benefit{font-size:44px;}
.founder-works-page .founder-benefit-grid article:nth-child(4) .founder-fi-benefit{font-size:45px;}
.founder-works-page .founder-benefit-grid article:nth-child(5) .founder-fi-benefit{font-size:44px;}
.founder-works-page .founder-benefit-grid article:nth-child(6) .founder-fi-benefit{font-size:44px;}

/* Bottom CTA: maintain the existing gold hexagon but use a Flaticon
   key/lock glyph and a Flaticon right arrow on the button. */
.founder-works-page .founder-page-cta-icon{
  padding:0;
  display:grid;
  place-items:center;
}
.founder-works-page .founder-page-cta-icon .founder-fi-cta-key{
  font-size:31px;
  color:#d89b2b;
  line-height:1;
}
.founder-works-page .founder-browse-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
}
.founder-works-page .founder-browse-btn .founder-browse-arrow{
  display:inline-grid;
  place-items:center;
  margin:0;
  font-size:inherit;
}
.founder-works-page .founder-browse-btn .founder-browse-arrow .fi{
  font-size:18px;
  color:currentColor;
}

@media(max-width:760px){
  .founder-works-page .founder-pillar-icon .founder-fi{font-size:38px;}
  .founder-works-page .step-house .founder-fi-house{font-size:34px;}
  .founder-works-page .founder-benefit-icon .founder-fi-benefit{font-size:39px;}
}

/* =========================================================
   FOUNDER CTA KEY — VISIBLE HEXAGON OUTLINE
   Match the mockup with a crisp gold hexagon frame around the key.
   ========================================================= */
.founder-works-page .founder-page-cta-icon{
  position:relative !important;
  width:62px !important;
  height:70px !important;
  min-width:62px !important;
  padding:0 !important;
  border:0 !important;
  background:#d89b2b !important;
  clip-path:polygon(50% 0, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%) !important;
  display:grid !important;
  place-items:center !important;
  overflow:visible !important;
}
.founder-works-page .founder-page-cta-icon::before{
  content:"";
  position:absolute;
  inset:2px;
  background:#06172b;
  clip-path:polygon(50% 0, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%);
  z-index:0;
}
.founder-works-page .founder-page-cta-icon .founder-fi-cta-key{
  position:relative;
  z-index:1;
  font-size:31px !important;
  color:#d89b2b !important;
}

@media(max-width:620px){
  .founder-works-page .founder-page-cta-icon{
    width:58px !important;
    height:66px !important;
    min-width:58px !important;
  }
}