/* =========================================================
   ACCELERATOR WORKS PAGE
   Built from the supplied Accelerator mockup while retaining
   the approved site-wide header, hero, footer and typography.
   ========================================================= */
.accelerator-works-page{background:#f6f5f2}
.accelerator-works-page .accelerator-hero .hero-copy{position:relative;z-index:4;max-width:700px!important}
.accelerator-works-page .accelerator-hero h1{max-width:none!important;margin-bottom:18px!important}
.accelerator-title-line{display:block;width:max-content;max-width:none;white-space:nowrap}
.accelerator-title-primary{color:#fff!important}
.accelerator-title-accent{color:#ef9d18!important}
.accelerator-works-page .accelerator-hero .hero-lead{max-width:610px!important;font-size:16px!important}

/* Four accelerator pillars directly below the banner */
.accelerator-pillars{position:relative;z-index:2;background:#071727;border-top:1px solid rgba(216,138,18,.55);border-bottom:1px solid rgba(216,138,18,.45);color:#fff}
.accelerator-pillar-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.accelerator-pillar-grid article{display:grid;grid-template-columns:54px 1fr;align-items:center;gap:14px;min-height:118px;padding:20px 24px;border-right:1px solid rgba(216,138,18,.45)}
.accelerator-pillar-grid article:last-child{border-right:0}
.accelerator-pillar-icon{width:48px;height:48px;color:#e49a1e}
.accelerator-pillar-icon svg{stroke-width:1.8}
.accelerator-pillar-grid strong{display:block;margin-bottom:5px;color:#fff;font-size:12px;line-height:1.15;text-transform:uppercase}
.accelerator-pillar-grid p{margin:0;color:#d8e0e7;font-size:11px;line-height:1.4}

/* Unlock path */
.accelerator-unlock-section{padding:16px 0;background:#071727;color:#fff}
.accelerator-unlock-grid{display:grid;grid-template-columns:235px 1fr 235px;gap:20px;align-items:stretch}
.unlock-side-card{min-height:124px;padding:18px 22px;border:1px solid #d18a17;border-radius:8px;background:rgba(4,18,31,.92);display:flex;flex-direction:column;justify-content:center}
.unlock-side-kicker{display:block;margin-bottom:8px;color:#fff;font-size:15px;font-weight:900;line-height:1.05;text-transform:uppercase}
.unlock-side-card>strong{display:block;margin-bottom:5px;font-size:12px}
.unlock-side-card p{margin:0;color:#eef2f5;font-size:12px;line-height:1.45}
.accelerator-side{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:12px}
.unlock-side-rocket{width:50px;height:50px;color:#e39a20}
.accelerator-side .unlock-side-kicker{color:#e5a02a;font-size:17px}
.unlock-path{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:2px 8px}
.unlock-icons{width:100%;display:grid;grid-template-columns:10px 72px 1fr 72px 1fr 72px 1fr;align-items:center;gap:7px}
.unlock-dot{width:10px;height:10px;border-radius:50%;background:#fff}
.unlock-house{position:relative;width:72px;height:72px;display:grid;place-items:center;padding:15px;border:2px solid #d69a2b;border-radius:50%;color:#e4a02a;background:#071a2e}
.unlock-house span{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);font-size:15px;font-weight:900;color:#fff}
.unlock-house svg{transform:translateY(-5px);stroke-width:1.8}
.unlock-arrow{height:2px;background:rgba(255,255,255,.75);position:relative}
.unlock-arrow:after{content:"";position:absolute;right:-2px;top:50%;width:7px;height:7px;border-top:2px solid #fff;border-right:2px solid #fff;transform:translateY(-50%) rotate(45deg)}
.unlock-path h2{margin:8px 0 2px;color:#d99a23;font-size:16px;line-height:1.15;text-align:center;text-transform:uppercase}
.unlock-path p{margin:0;color:#fff;font-size:11px;text-align:center}

/* Real-world comparison */
.accelerator-example{padding:28px 0 24px;background:linear-gradient(180deg,#faf9f6,#f0efeb)}
.accelerator-example-shell{width:min(1150px,calc(100% - 48px))}
.accelerator-example-heading{text-align:center;margin-bottom:14px}
.accelerator-example-heading h2{margin:0;color:#071d3e;font-size:26px;line-height:1.08;text-transform:uppercase;font-weight:900}
.accelerator-example-heading p{margin:4px 0 0;color:#26394f;font-size:13px}
.accelerator-example-heading strong{color:#bb7b12}
.accelerator-comparison-grid{display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr;gap:10px;align-items:stretch}
.accelerator-compare-card{overflow:hidden;border:1px solid #d7d7d4;border-radius:7px;background:#fff;box-shadow:0 7px 20px rgba(7,29,62,.04)}
.accelerator-compare-card>h3{min-height:50px;margin:0;padding:10px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#071b34;color:#fff;font-size:13px;line-height:1.1;text-transform:uppercase;text-align:center}
.accelerator-compare-card>h3 small{display:block;margin-top:3px;font-size:9px;font-weight:500;text-transform:none;color:rgba(255,255,255,.86)}
.compare-founder>h3{background:linear-gradient(180deg,#e0a124,#c67b08)}
.compare-body{padding:12px 14px 13px}
.compare-body dl{margin:0 0 11px}
.compare-body dl>div{display:flex;justify-content:space-between;gap:12px;padding:3px 0}
.compare-body dt,.compare-body dd{margin:0;font-size:10px;line-height:1.35}
.compare-body dd{font-weight:700;text-align:right}
.green-row{color:#2c8a57}
.compare-required{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px 0;border-top:1px solid #d9d9d6;border-bottom:1px solid #d9d9d6;text-transform:uppercase;font-size:9px;font-weight:900}
.compare-required strong{font-size:13px}
.compare-required small{grid-column:1/-1;display:flex;justify-content:space-between;gap:8px;color:#2c8a57;text-transform:none;font-size:8px;font-weight:500}
.compare-required small b{font-size:9px}
.accelerator-required strong{color:#2f8b58;font-size:15px}
.compare-net{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:9px 0;padding:8px 9px;border-radius:4px;background:#eaf6ec;color:#2e8454;text-transform:uppercase;font-size:9px;font-weight:900}
.compare-net strong{font-size:16px}
.compare-cashflow{margin-top:10px;padding:11px 10px;background:#f5f5f4;border-radius:4px}
.compare-cashflow>div:not(.compare-return){display:flex;justify-content:space-between;gap:10px;padding:2px 0;font-size:10px}
.compare-cashflow hr{margin:9px 0;border:0;border-top:1px solid #d4d6d8}
.compare-return{display:flex;justify-content:space-between;align-items:end;gap:10px;text-transform:uppercase;font-size:9px;font-weight:900}
.compare-return strong{font-size:26px;line-height:1;color:#071d3e}
.compare-cashflow-founder,.compare-cashflow-accelerator{background:#eef7ef}
.compare-cashflow-founder .compare-return,.compare-cashflow-accelerator .compare-return{color:#2e8454}
.compare-cashflow-founder .compare-return strong{color:#c48a1b}
.compare-cashflow-accelerator .compare-return strong{font-size:34px;color:#21864d;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.compare-vs{align-self:center;justify-self:center;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#071d3e;color:#fff;font-size:10px;font-weight:900;box-shadow:0 5px 14px rgba(7,29,62,.18)}
.accelerator-power-strip{display:grid;grid-template-columns:62px 1fr 1fr;align-items:center;gap:18px;margin-top:16px;padding:15px 22px;border:1px solid #d38c18;border-radius:7px;background:linear-gradient(110deg,#071628,#041e3a);color:#fff}
.power-badge{width:48px;height:48px;display:grid;place-items:center;border:2px solid #d89b2a;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);color:#d89b2a;font-size:24px}
.power-copy h3{margin:0 0 3px;color:#e3a02a;font-size:15px;text-transform:uppercase}
.power-copy p{margin:0;font-size:10px;color:#e4e9ed}
.power-numbers{padding-left:20px;border-left:1px solid rgba(255,255,255,.25)}
.power-numbers p{margin:2px 0;font-size:12px}
.power-numbers strong{color:#e5a02a;font-size:16px}
.power-numbers span{margin:0 6px;color:#fff}

/* Benefits & CTA reuse the exact Founder Works component styling. */
.accelerator-more-benefits{padding-top:28px}
.accelerator-more-heading{text-align:center;margin-bottom:6px}
.accelerator-more-heading h2{margin:0;color:#071d3e;font-size:25px;line-height:1.1;text-transform:uppercase;font-weight:900}
.accelerator-more-benefits .founder-benefit-grid{margin-top:28px}
.accelerator-page-cta{margin-top:26px}

/* Preserve global button appearance when Overview tier button becomes an anchor. */
a.tier-button{display:block;text-align:center;color:#111822;text-decoration:none}

@media(min-width:861px){
  .accelerator-works-page .accelerator-hero .hero-copy{padding-top:58px!important}
  .accelerator-works-page .accelerator-hero h1{font-size:42px!important;line-height:.98!important;letter-spacing:-.035em!important}
}
@media(max-width:1100px) and (min-width:861px){
  .accelerator-works-page .accelerator-hero h1{font-size:37px!important}
  .accelerator-pillar-grid article{padding:18px 14px;grid-template-columns:46px 1fr}
  .accelerator-unlock-grid{grid-template-columns:205px 1fr 205px}
  .unlock-icons{grid-template-columns:10px 62px 1fr 62px 1fr 62px 1fr}
  .unlock-house{width:62px;height:62px;padding:13px}
}
@media(max-width:860px){
  .accelerator-title-line{width:auto;white-space:normal}
  .accelerator-works-page .accelerator-hero h1{font-size:40px!important}
  .accelerator-pillar-grid{grid-template-columns:1fr 1fr}
  .accelerator-pillar-grid article:nth-child(2){border-right:0}
  .accelerator-pillar-grid article:nth-child(-n+2){border-bottom:1px solid rgba(216,138,18,.45)}
  .accelerator-unlock-grid{grid-template-columns:1fr;gap:12px}
  .unlock-side-card{min-height:0}
  .unlock-icons{max-width:540px;margin:auto}
  .accelerator-comparison-grid{grid-template-columns:1fr 34px 1fr}
  .compare-accelerator{grid-column:1/4;margin-top:4px}
  .accelerator-comparison-grid>.compare-vs:last-of-type{grid-column:2;transform:rotate(90deg)}
  .accelerator-power-strip{grid-template-columns:55px 1fr}
  .power-numbers{grid-column:1/-1;padding:10px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.25)}
}
@media(max-width:620px){
  .accelerator-works-page .accelerator-hero h1{font-size:34px!important}
  .accelerator-works-page .accelerator-hero .hero-lead{font-size:14px!important}
  .accelerator-pillar-grid{grid-template-columns:1fr}
  .accelerator-pillar-grid article{border-right:0;border-bottom:1px solid rgba(216,138,18,.45)}
  .accelerator-pillar-grid article:last-child{border-bottom:0}
  .unlock-icons{grid-template-columns:8px 54px 1fr 54px 1fr 54px 1fr;gap:4px}
  .unlock-house{width:54px;height:54px;padding:11px}
  .unlock-path h2{font-size:13px}
  .accelerator-example-shell{width:min(100% - 28px,560px)}
  .accelerator-example-heading h2{font-size:22px}
  .accelerator-comparison-grid{grid-template-columns:1fr}
  .compare-vs{transform:rotate(90deg)!important;margin:0 auto}
  .compare-accelerator{grid-column:auto;margin-top:0}
  .accelerator-power-strip{grid-template-columns:1fr;text-align:center}
  .power-badge{margin:auto}
  .power-numbers{grid-column:auto}
  .accelerator-more-heading h2{font-size:22px}
}


/* =========================================================
   ACCELERATOR HERO + UNLOCK PATH — FINAL MOCKUP MATCH
   ========================================================= */

/* Override the shared inner-page span color rule with page-specific
   specificity so the first title line is white and the second stays gold. */
html body.accelerator-works-page main > .hero#overview h1{
  max-width:none !important;
  width:max-content !important;
}
html body.accelerator-works-page main > .hero#overview h1 span.accelerator-title-primary{
  display:block !important;
  width:max-content !important;
  max-width:none !important;
  white-space:nowrap !important;
  color:#ffffff !important;
}
html body.accelerator-works-page main > .hero#overview h1 span.accelerator-title-accent{
  display:block !important;
  width:max-content !important;
  max-width:none !important;
  white-space:nowrap !important;
  color:#ef9d18 !important;
}

/* Give the Accelerator copy enough horizontal room for the two requested
   single-line headings while preserving the established inner-page banner. */
@media (min-width:1101px){
  html body.accelerator-works-page main > .hero#overview .hero-grid{
    grid-template-columns:55% 45% !important;
  }
  html body.accelerator-works-page main > .hero#overview .hero-copy{
    min-width:0 !important;
  }
  html body.accelerator-works-page main > .hero#overview h1{
    font-size:44px !important;
    line-height:.96 !important;
    letter-spacing:-.035em !important;
  }
}

/* Match the small three-property progression shown in the supplied crop. */
.accelerator-works-page .unlock-path{
  padding:0 10px !important;
}
.accelerator-works-page .unlock-icons{
  width:100% !important;
  max-width:620px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:8px 54px minmax(34px,1fr) 54px minmax(34px,1fr) 54px minmax(34px,1fr) 8px !important;
  align-items:center !important;
  gap:7px !important;
}
.accelerator-works-page .unlock-dot{
  width:7px !important;
  height:7px !important;
  justify-self:center !important;
  border-radius:50% !important;
  background:#ffffff !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.25) !important;
}
.accelerator-works-page .unlock-house{
  width:54px !important;
  height:54px !important;
  padding:10px !important;
  border:1.5px solid #d99a23 !important;
  background:#071a2e !important;
}
.accelerator-works-page .unlock-house svg{
  width:100% !important;
  height:100% !important;
  transform:none !important;
  stroke:#d99a23 !important;
  stroke-width:1.7 !important;
}
.accelerator-works-page .unlock-house span{
  left:50% !important;
  top:53% !important;
  bottom:auto !important;
  transform:translate(-50%,-50%) !important;
  z-index:2 !important;
  color:#ffffff !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:900 !important;
}
.accelerator-works-page .unlock-arrow{
  width:100% !important;
  height:1px !important;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.82) 0 4px,transparent 4px 8px) !important;
}
.accelerator-works-page .unlock-arrow:after{
  right:-1px !important;
  width:6px !important;
  height:6px !important;
  border-top:1.5px solid #fff !important;
  border-right:1.5px solid #fff !important;
}
.accelerator-works-page .unlock-path h2{
  margin:8px 0 2px !important;
  color:#d99a23 !important;
  font-size:13px !important;
  line-height:1.1 !important;
  letter-spacing:.02em !important;
  text-align:center !important;
}
.accelerator-works-page .unlock-path p{
  margin:0 !important;
  color:#ffffff !important;
  font-size:10px !important;
  line-height:1.35 !important;
  text-align:center !important;
}

/* The inline alignment script uses the same lead-baseline formula as the
   other inner pages. This fallback keeps the card in that same lower band
   before JavaScript runs. */
@media (min-width:861px){
  html body.accelerator-works-page main > .hero#overview .seat-card{
    right:0 !important;
  }
}

@media (max-width:1100px){
  html body.accelerator-works-page main > .hero#overview h1{
    width:auto !important;
  }
  html body.accelerator-works-page main > .hero#overview h1 span.accelerator-title-primary,
  html body.accelerator-works-page main > .hero#overview h1 span.accelerator-title-accent{
    width:auto !important;
    white-space:normal !important;
  }
}

@media (max-width:860px){
  .accelerator-works-page .unlock-icons{
    max-width:540px !important;
    grid-template-columns:7px 50px minmax(24px,1fr) 50px minmax(24px,1fr) 50px minmax(24px,1fr) 7px !important;
    gap:5px !important;
  }
  .accelerator-works-page .unlock-house{
    width:50px !important;
    height:50px !important;
  }
}

@media (max-width:620px){
  .accelerator-works-page .unlock-icons{
    grid-template-columns:6px 44px minmax(14px,1fr) 44px minmax(14px,1fr) 44px minmax(14px,1fr) 6px !important;
    gap:3px !important;
  }
  .accelerator-works-page .unlock-house{
    width:44px !important;
    height:44px !important;
    padding:8px !important;
  }
  .accelerator-works-page .unlock-path h2{
    font-size:12px !important;
  }
}

/* =========================================================
   ACCELERATOR WORKS — HERO BREATHING ROOM + UNLOCK PATH MATCH
   Refined to match the supplied Accelerator path mockup.
   ========================================================= */

/* Give this hero a little more vertical breathing room than the prior build
   while keeping the same header, card alignment and background system. */
@media (min-width:861px){
  html body.accelerator-works-page main > .hero#overview{
    height:650px !important;
    min-height:650px !important;
  }
  html body.accelerator-works-page main > .hero#overview .hero-grid{
    height:650px !important;
    min-height:650px !important;
    padding-bottom:24px !important;
  }
}

/* Exact horizontal composition: Founders card | 3-property path | Accelerator card */
@media (min-width:861px){
  .accelerator-works-page .accelerator-unlock-section{
    padding:12px 0 14px !important;
    background:#071727 !important;
  }

  .accelerator-works-page .accelerator-unlock-grid{
    display:grid !important;
    grid-template-columns:minmax(250px, 24%) minmax(0, 1fr) minmax(270px, 25%) !important;
    gap:22px !important;
    align-items:center !important;
  }

  .accelerator-works-page .unlock-side-card{
    height:122px !important;
    min-height:122px !important;
    border:1px solid #d18a17 !important;
    border-radius:8px !important;
    background:rgba(4,18,31,.96) !important;
    box-shadow:none !important;
  }

  .accelerator-works-page .founders-side{
    padding:16px 48px !important;
    justify-content:center !important;
    align-items:flex-start !important;
    text-align:left !important;
  }

  .accelerator-works-page .founders-side .unlock-side-kicker{
    margin:0 0 4px !important;
    color:#fff !important;
    font-size:13px !important;
    line-height:1.05 !important;
    font-weight:900 !important;
  }

  .accelerator-works-page .founders-side > strong{
    margin:0 0 2px !important;
    color:#fff !important;
    font-size:12px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
  }

  .accelerator-works-page .founders-side p{
    color:#fff !important;
    font-size:11px !important;
    line-height:1.28 !important;
  }

  .accelerator-works-page .accelerator-side{
    height:122px !important;
    min-height:122px !important;
    padding:14px 26px !important;
    display:grid !important;
    grid-template-columns:56px 1fr !important;
    gap:15px !important;
    align-items:center !important;
  }

  .accelerator-works-page .unlock-side-rocket{
    width:50px !important;
    height:50px !important;
    color:#e29a1e !important;
  }

  .accelerator-works-page .accelerator-side .unlock-side-kicker{
    margin:0 0 4px !important;
    color:#e5a02a !important;
    font-size:16px !important;
    line-height:1.05 !important;
    font-weight:900 !important;
  }

  .accelerator-works-page .accelerator-side p{
    color:#fff !important;
    font-size:11px !important;
    line-height:1.28 !important;
  }

  .accelerator-works-page .unlock-path{
    min-width:0 !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .accelerator-works-page .unlock-icons{
    width:100% !important;
    max-width:560px !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:7px 56px minmax(30px,1fr) 56px minmax(30px,1fr) 56px minmax(30px,1fr) 7px !important;
    gap:6px !important;
    align-items:center !important;
  }

  .accelerator-works-page .unlock-dot{
    width:6px !important;
    height:6px !important;
    justify-self:center !important;
    border-radius:50% !important;
    background:#fff !important;
    box-shadow:none !important;
  }

  .accelerator-works-page .unlock-house{
    width:56px !important;
    height:56px !important;
    padding:10px !important;
    border:1.5px solid #d99a23 !important;
    border-radius:50% !important;
    background:#071a2e !important;
    color:#d99a23 !important;
  }

  .accelerator-works-page .unlock-house svg{
    width:100% !important;
    height:100% !important;
    transform:none !important;
    stroke:#d99a23 !important;
    stroke-width:1.65 !important;
  }

  /* Number sits inside the house body, matching the mockup. */
  .accelerator-works-page .unlock-house span{
    left:50% !important;
    top:59% !important;
    bottom:auto !important;
    transform:translate(-50%,-50%) !important;
    color:#fff !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:900 !important;
  }

  .accelerator-works-page .unlock-arrow{
    width:100% !important;
    height:1px !important;
    position:relative !important;
    background:repeating-linear-gradient(90deg,rgba(255,255,255,.86) 0 3px,transparent 3px 6px) !important;
  }

  .accelerator-works-page .unlock-arrow::after{
    content:"" !important;
    position:absolute !important;
    right:-1px !important;
    top:50% !important;
    width:6px !important;
    height:6px !important;
    border-top:1.5px solid #fff !important;
    border-right:1.5px solid #fff !important;
    transform:translateY(-50%) rotate(45deg) !important;
  }

  .accelerator-works-page .unlock-path h2{
    margin:7px 0 2px !important;
    color:#d99a23 !important;
    font-size:13px !important;
    line-height:1.1 !important;
    letter-spacing:.015em !important;
    font-weight:800 !important;
    text-align:center !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
  }

  .accelerator-works-page .unlock-path p{
    margin:0 !important;
    color:#fff !important;
    font-size:10px !important;
    line-height:1.3 !important;
    text-align:center !important;
    white-space:nowrap !important;
  }
}

@media (max-width:1100px) and (min-width:861px){
  .accelerator-works-page .accelerator-unlock-grid{
    grid-template-columns:220px minmax(0,1fr) 230px !important;
    gap:14px !important;
  }
  .accelerator-works-page .founders-side{padding:15px 28px !important;}
  .accelerator-works-page .accelerator-side{padding:14px 18px !important;grid-template-columns:48px 1fr !important;gap:10px !important;}
  .accelerator-works-page .unlock-side-rocket{width:44px !important;height:44px !important;}
  .accelerator-works-page .unlock-icons{
    max-width:490px !important;
    grid-template-columns:6px 50px minmax(20px,1fr) 50px minmax(20px,1fr) 50px minmax(20px,1fr) 6px !important;
    gap:4px !important;
  }
  .accelerator-works-page .unlock-house{width:50px !important;height:50px !important;padding:9px !important;}
  .accelerator-works-page .unlock-path h2{font-size:11px !important;}
  .accelerator-works-page .unlock-path p{font-size:9px !important;}
}

/* =========================================================
   ACCELERATOR WORKS — FOUNDER WORKS HERO + PILLAR FORMAT
   The Accelerator hero and the section immediately below it
   intentionally use the exact same geometry, spacing and
   typography system as Founder Works.
   ========================================================= */

/* Hero: mirror Founder Works instead of using a taller Accelerator-only banner. */
.accelerator-works-page .accelerator-hero .hero-copy{
  max-width:720px !important;
  overflow:visible !important;
}

.accelerator-works-page .accelerator-hero h1{
  width:max-content !important;
  max-width:none !important;
  margin-bottom:18px !important;
  font-family:inherit !important;
  font-size:clamp(40px,4.15vw,50px) !important;
  line-height:.96 !important;
  font-weight:900 !important;
  letter-spacing:-.035em !important;
}

.accelerator-works-page .accelerator-hero h1 .accelerator-title-line{
  display:block !important;
  width:max-content !important;
  max-width:none !important;
  white-space:nowrap !important;
}

html body.accelerator-works-page main > .hero#overview h1 span.accelerator-title-primary{
  color:#ffffff !important;
}

html body.accelerator-works-page main > .hero#overview h1 span.accelerator-title-accent{
  color:#ef9d18 !important;
}

.accelerator-works-page .accelerator-hero .hero-lead{
  max-width:540px !important;
  font-family:inherit !important;
  font-size:15px !important;
  line-height:1.55 !important;
}

/* Remove the prior Accelerator-only 650px hero treatment and return to the
   same inner-page spacing used by Founder Works. */
@media (min-width:861px){
  html body.accelerator-works-page main > .hero#overview{
    height:auto !important;
    min-height:0 !important;
  }

  html body.accelerator-works-page main > .hero#overview .hero-grid{
    width:min(1440px, calc(100% - 96px)) !important;
    max-width:1440px !important;
    height:auto !important;
    min-height:0 !important;
    grid-template-columns:42% 58% !important;
    padding-top:132px !important;
    padding-bottom:50px !important;
  }

  html body.accelerator-works-page main > .hero#overview .hero-copy{
    padding-top:0 !important;
    padding-bottom:0 !important;
    align-self:center !important;
  }

  html body.accelerator-works-page main > .hero#overview .hero-visual{
    min-height:0 !important;
  }
}

@media (max-width:860px){
  .accelerator-works-page .accelerator-hero h1{
    font-size:clamp(32px,5.1vw,40px) !important;
  }
}

@media (max-width:620px){
  .accelerator-works-page .accelerator-hero h1{
    font-size:clamp(19px,5.8vw,36px) !important;
    letter-spacing:-.04em !important;
  }

  .accelerator-works-page .accelerator-hero h1 .accelerator-title-line{
    width:auto !important;
    white-space:normal !important;
  }
}

/* Four-column strip: exact Founder Works dimensions and spacing. */
.accelerator-pillars{
  position:relative;
  z-index:2;
  background:#061727 !important;
  border-top:1px solid rgba(218,145,25,.55) !important;
  border-bottom:1px solid rgba(218,145,25,.35) !important;
  color:#fff;
}

.accelerator-pillar-grid{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
}

.accelerator-pillar-grid article{
  min-height:132px !important;
  display:grid !important;
  grid-template-columns:62px 1fr !important;
  align-items:center !important;
  gap:17px !important;
  padding:25px 28px !important;
  color:#fff !important;
  border-right:1px solid rgba(213,146,28,.42) !important;
}

.accelerator-pillar-grid article:last-child{
  border-right:0 !important;
}

.accelerator-pillar-icon{
  width:54px !important;
  height:54px !important;
  color:#de951a !important;
}

.accelerator-pillar-icon svg{
  width:100% !important;
  height:100% !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

.accelerator-pillar-grid strong{
  display:block !important;
  margin-bottom:5px !important;
  color:#fff !important;
  font-size:13px !important;
  line-height:1.15 !important;
  text-transform:uppercase !important;
}

.accelerator-pillar-grid p{
  margin:0 !important;
  color:#d6dce2 !important;
  font-size:11px !important;
  line-height:1.4 !important;
}

@media(max-width:1100px){
  .accelerator-pillar-grid article{
    padding:20px 17px !important;
  }
}

@media(max-width:860px){
  .accelerator-pillar-grid{
    grid-template-columns:1fr 1fr !important;
  }
  .accelerator-pillar-grid article:nth-child(2){
    border-right:0 !important;
  }
  .accelerator-pillar-grid article:nth-child(-n+2){
    border-bottom:1px solid rgba(213,146,28,.42) !important;
  }
}

@media(max-width:620px){
  .accelerator-pillar-grid{
    grid-template-columns:1fr !important;
  }
  .accelerator-pillar-grid article{
    border-right:0 !important;
    border-bottom:1px solid rgba(213,146,28,.42) !important;
  }
  .accelerator-pillar-grid article:last-child{
    border-bottom:0 !important;
  }
}

/* =========================================================
   ACCELERATOR WORKS — MATCH HOW IT WORKS HERO ALIGNMENT
   Final override: the heading block and Exclusive Membership
   card now use the same desktop baseline as How It Works.
   ========================================================= */
@media (min-width:861px){
  html body.accelerator-works-page main > .hero#overview{
    height:620px !important;
    min-height:620px !important;
    padding:0 !important;
  }

  html body.accelerator-works-page main > .hero#overview .hero-grid{
    width:min(1440px, calc(100% - 96px)) !important;
    max-width:1440px !important;
    height:620px !important;
    min-height:620px !important;
    margin-inline:auto !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:42% 58% !important;
    align-items:stretch !important;
  }

  html body.accelerator-works-page main > .hero#overview .hero-copy{
    align-self:stretch !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    width:100% !important;
    padding-top:132px !important;
    padding-bottom:50px !important;
  }

  html body.accelerator-works-page main > .hero#overview .hero-visual{
    position:relative !important;
    min-height:620px !important;
  }

  html body.accelerator-works-page main > .hero#overview .seat-card{
    transform:translateY(-16px) !important;
  }
}


/* =========================================================
   FINAL INNER HERO SYSTEM — EXACT WHY 10K CLUB BANNER
   Founder Works and Accelerator Works use the exact same
   hero geometry, spacing, typography and membership-card
   behavior as benefits.html. Only the hero copy changes.
   ========================================================= */
@media (min-width:861px){
  html body.accelerator-works-page main > .hero#overview{
    height:auto !important;
    min-height:0 !important;
    padding:0 !important;
  }

  html body.accelerator-works-page main > .hero#overview .hero-grid{
    width:min(1440px, calc(100% - 96px)) !important;
    max-width:1440px !important;
    height:auto !important;
    min-height:0 !important;
    margin-inline:auto !important;
    padding-top:132px !important;
    padding-bottom:50px !important;
    position:relative !important;
    z-index:2 !important;
    display:grid !important;
    grid-template-columns:42% 58% !important;
    align-items:stretch !important;
  }

  html body.accelerator-works-page main > .hero#overview .hero-copy{
    align-self:center !important;
    display:block !important;
    width:100% !important;
    max-width:540px !important;
    padding:0 !important;
    text-align:left !important;
    overflow:visible !important;
  }

  html body.accelerator-works-page main > .hero#overview .hero-copy > .eyebrow{
    display:none !important;
  }

  html body.accelerator-works-page main > .hero#overview h1{
    width:max-content !important;
    max-width:none !important;
    margin:0 0 18px !important;
    font-family:inherit !important;
    font-size:50px !important;
    line-height:.92 !important;
    letter-spacing:-.035em !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
  }

  html body.accelerator-works-page main > .hero#overview h1 span{
    color:#ef9d18 !important;
  }

  html body.accelerator-works-page main > .hero#overview .hero-lead{
    width:100% !important;
    max-width:500px !important;
    margin:0 0 12px !important;
    font-family:inherit !important;
    font-size:14px !important;
    line-height:1.45 !important;
    color:rgba(255,255,255,.94) !important;
  }

  html body.accelerator-works-page main > .hero#overview .hero-visual{
    position:relative !important;
    min-height:0 !important;
    margin:0 !important;
    overflow:visible !important;
  }

  html body.accelerator-works-page main > .hero#overview .seat-card{
    right:0 !important;
    transform:none !important;
  }
}

/* =========================================================
   ACCELERATOR WORKS — EXACT 3-PROPERTY PATH REFERENCE
   Rebuilt from the supplied crop: white origin marker,
   dotted white connectors, gold-ring house circles,
   white house outline, gold numerals, centered gold title.
   ========================================================= */
.accelerator-works-page .accelerator-path-reference{
  width:100% !important;
  max-width:620px !important;
  margin:0 auto !important;
  padding:0 8px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
}

.accelerator-works-page .accelerator-path-reference .unlock-icons{
  width:100% !important;
  max-width:590px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:10px minmax(26px,1fr) 66px minmax(34px,1fr) 66px minmax(34px,1fr) 66px minmax(34px,1fr) !important;
  align-items:center !important;
  gap:0 !important;
}

.accelerator-works-page .accelerator-path-reference .unlock-origin{
  width:7px !important;
  height:7px !important;
  display:block !important;
  justify-self:center !important;
  background:#fff !important;
  border-radius:50% !important;
  border:0 !important;
  transform:none !important;
  box-shadow:none !important;
}

.accelerator-works-page .accelerator-path-reference .unlock-connector{
  position:relative !important;
  width:100% !important;
  height:1px !important;
  display:block !important;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.82) 0 2px,transparent 2px 5px) !important;
}

.accelerator-works-page .accelerator-path-reference .unlock-connector:not(.unlock-connector-start)::after{
  content:"" !important;
  position:absolute !important;
  right:-1px !important;
  top:50% !important;
  width:0 !important;
  height:0 !important;
  border-top:5px solid transparent !important;
  border-bottom:5px solid transparent !important;
  border-left:8px solid #fff !important;
  transform:translateY(-50%) !important;
}

.accelerator-works-page .accelerator-path-reference .unlock-house{
  position:relative !important;
  width:66px !important;
  height:66px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  justify-self:center !important;
  border:1.5px solid #d99a23 !important;
  border-radius:50% !important;
  background:#071727 !important;
  color:#fff !important;
  box-shadow:inset 0 0 0 1px rgba(217,154,35,.08) !important;
}

.accelerator-works-page .accelerator-path-reference .unlock-house svg{
  width:42px !important;
  height:42px !important;
  overflow:visible !important;
  transform:none !important;
  fill:none !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

.accelerator-works-page .accelerator-path-reference .unlock-house .house-roof{
  stroke:#ffffff !important;
  stroke-width:4.2 !important;
}

.accelerator-works-page .accelerator-path-reference .unlock-house .house-body{
  stroke:#ffffff !important;
  stroke-width:4.2 !important;
}

.accelerator-works-page .accelerator-path-reference .unlock-house span{
  position:absolute !important;
  left:50% !important;
  top:60% !important;
  bottom:auto !important;
  transform:translate(-50%,-50%) !important;
  z-index:2 !important;
  color:#d99a23 !important;
  font-size:18px !important;
  line-height:1 !important;
  font-weight:900 !important;
  text-shadow:0 0 1px rgba(0,0,0,.65) !important;
}

.accelerator-works-page .accelerator-path-reference h2{
  margin:10px 0 5px !important;
  color:#d99a23 !important;
  font-family:inherit !important;
  font-size:15px !important;
  line-height:1.05 !important;
  letter-spacing:.01em !important;
  font-weight:900 !important;
  text-align:center !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

.accelerator-works-page .accelerator-path-reference p{
  margin:0 !important;
  color:#fff !important;
  font-family:inherit !important;
  font-size:12px !important;
  line-height:1.35 !important;
  font-weight:400 !important;
  text-align:center !important;
  white-space:nowrap !important;
}

@media (max-width:1100px) and (min-width:861px){
  .accelerator-works-page .accelerator-path-reference .unlock-icons{
    max-width:500px !important;
    grid-template-columns:8px minmax(18px,1fr) 56px minmax(22px,1fr) 56px minmax(22px,1fr) 56px minmax(22px,1fr) !important;
  }
  .accelerator-works-page .accelerator-path-reference .unlock-house{
    width:56px !important;
    height:56px !important;
  }
  .accelerator-works-page .accelerator-path-reference .unlock-house svg{
    width:36px !important;
    height:36px !important;
  }
  .accelerator-works-page .accelerator-path-reference .unlock-house span{
    font-size:15px !important;
  }
  .accelerator-works-page .accelerator-path-reference h2{
    font-size:13px !important;
  }
  .accelerator-works-page .accelerator-path-reference p{
    font-size:10px !important;
  }
}

@media (max-width:860px){
  .accelerator-works-page .accelerator-path-reference{
    max-width:600px !important;
    padding:4px 0 !important;
  }
  .accelerator-works-page .accelerator-path-reference .unlock-icons{
    max-width:520px !important;
    grid-template-columns:8px minmax(14px,1fr) 54px minmax(18px,1fr) 54px minmax(18px,1fr) 54px minmax(18px,1fr) !important;
  }
  .accelerator-works-page .accelerator-path-reference .unlock-house{
    width:54px !important;
    height:54px !important;
  }
  .accelerator-works-page .accelerator-path-reference .unlock-house svg{
    width:34px !important;
    height:34px !important;
  }
  .accelerator-works-page .accelerator-path-reference .unlock-house span{
    font-size:14px !important;
  }
  .accelerator-works-page .accelerator-path-reference h2{
    font-size:12px !important;
  }
  .accelerator-works-page .accelerator-path-reference p{
    font-size:10px !important;
    white-space:normal !important;
  }
}

@media (max-width:520px){
  .accelerator-works-page .accelerator-path-reference .unlock-icons{
    grid-template-columns:7px minmax(8px,1fr) 46px minmax(10px,1fr) 46px minmax(10px,1fr) 46px minmax(10px,1fr) !important;
  }
  .accelerator-works-page .accelerator-path-reference .unlock-house{
    width:46px !important;
    height:46px !important;
  }
  .accelerator-works-page .accelerator-path-reference .unlock-house svg{
    width:29px !important;
    height:29px !important;
  }
  .accelerator-works-page .accelerator-path-reference .unlock-house span{
    font-size:12px !important;
  }
  .accelerator-works-page .accelerator-path-reference h2{
    margin-top:8px !important;
    font-size:11px !important;
    white-space:normal !important;
  }
  .accelerator-works-page .accelerator-path-reference p{
    font-size:9px !important;
  }
}

/* =========================================================
   ACCELERATOR COMPARISON — MOBILE VS POSITIONING
   Keep each VS badge centered vertically between stacked cards.
   ========================================================= */
@media (max-width:700px){
  .accelerator-works-page .accelerator-comparison-grid{
    display:flex !important;
    flex-direction:column !important;
    gap:0 !important;
    align-items:stretch !important;
  }

  .accelerator-works-page .accelerator-compare-card,
  .accelerator-works-page .compare-accelerator{
    width:100% !important;
    grid-column:auto !important;
    margin:0 !important;
  }

  .accelerator-works-page .accelerator-comparison-grid > .compare-vs,
  .accelerator-works-page .accelerator-comparison-grid > .compare-vs:last-of-type{
    position:relative !important;
    inset:auto !important;
    grid-column:auto !important;
    align-self:center !important;
    justify-self:auto !important;
    flex:0 0 34px !important;
    width:34px !important;
    height:34px !important;
    margin:8px auto !important;
    transform:none !important;
    z-index:3 !important;
    line-height:1 !important;
  }
}