/* ============================================================
   Home page — pixel-exact Figma artboards (1440 / 768 / 390)
   Each artboard reproduces its Figma frame 1:1 and is scaled
   fluidly to the viewport width by assets/js referenced inline.
   ============================================================ */

.fig-stage{position:relative;width:100%;overflow:hidden;background:#F8F8F8}
.fig-art{position:relative;transform-origin:0 0;overflow:hidden;background:#F8F8F8}
.fig-art,
.fig-art *{box-sizing:border-box}
.fig-art img{display:block}

.ab{position:absolute}
.tx{position:absolute;margin:0;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-style:normal}
.os{font-family:'Open Sans',-apple-system,Roboto,Helvetica,sans-serif!important}

/* buttons */
.fig-btn{position:absolute;display:flex;justify-content:center;align-items:center;gap:8px;text-decoration:none;text-align:center;font-family:'Open Sans',-apple-system,Roboto,Helvetica,sans-serif;font-size:14px;line-height:normal;cursor:pointer;border:0}
.fig-btn--gold{background:#D8A025;color:#fff;font-weight:700;text-transform:uppercase}
.fig-btn--white{background:#F8F8F8;color:#2D2D2D;font-weight:700}
.fig-btn--white-m{background:#FFF;color:#2D2D2D;font-weight:400}
.fig-btn--gold-m{background:#D8A025;color:#fff;font-weight:700;text-transform:none}

/* stage chips (Launch / Growth / Scale) */
.chips{position:absolute;display:inline-flex;align-items:center;gap:16px}
.chip{display:flex;height:25px;padding:5px 18px 5px 19px;justify-content:center;align-items:center;gap:8px;background:none;border:1px solid transparent;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:12px;font-weight:400;color:#AAA8A8;cursor:pointer;line-height:normal}
.chip.on{border-color:#2D2D2D;background:#2D2D2D;color:#F8F8F8;font-weight:500}
.chips--m .chip{font-size:11px}

/* thin rules */
.ln{position:absolute;height:1px;background:#F8F8F8}
.ln--gold{background:#D8A025}
.ln--gold2{background:#C8962A}
.ln--v{width:1px;height:auto}

/* dots */
.dt{position:absolute;border-radius:50%}

/* pain point */
.pain-i{position:absolute}
.pain-i .pd{position:absolute;left:0;top:0;width:11px;height:11px;border-radius:50%;background:#D8A025}
.pain-i p{position:absolute;margin:0;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;color:#2D2D2D;font-style:normal}

/* step card */
.stp{position:absolute;border-radius:2px;border:1px solid #000;background:#2D2D2D}
.stp-c{position:absolute;border-radius:50%;background:#F8F8F8;border:0.68px solid #2D2D2D}
.stp-n{position:absolute;color:#D8A025;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-weight:600;text-transform:uppercase;line-height:normal}
.stp-t{position:absolute;color:#D8A025;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-weight:500;line-height:104%}
.stp-d{position:absolute;color:#F8F8F8;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;line-height:104%}

/* result card */
.rc{position:absolute;border-radius:2px;background:#2D2D2D}
.rc .bar{position:absolute;width:108px;height:23px;background:#D8A025}
.rc .cc{position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.rc .lab{margin:0 0 8px;color:#F8F8F8;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;line-height:normal}
.rc .val{margin:0;color:#F8F8F8;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:14px;font-weight:300;line-height:normal}
.rc .val.res{font-weight:400}
.rc .bn{position:absolute;color:#D8A025;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:16px;font-weight:500;line-height:104%;text-transform:uppercase}

/* carousel arrows */
.car-btn{position:absolute;padding:0;border:0;background:none;cursor:pointer;line-height:0}
.car-btn[disabled]{cursor:default}

/* breakpoint switching */
.bp-t,.bp-m{display:none}
@media (max-width:1024px){
  .bp-d{display:none!important}
  .bp-t{display:block}
}
@media (max-width:640px){
  .bp-t{display:none!important}
  .bp-m{display:block}
}
/* stage switching (Launch = pg-l, Growth = pg-g, Scale = pg-s) */
body.stage-growth .pg-l,
body.stage-scale .pg-l{display:none!important}
body:not(.stage-growth) .pg-g{display:none!important}
body:not(.stage-scale) .pg-s{display:none!important}
.hide{display:none!important}

/* growth page extras */
.case-box{position:absolute;border:4px solid #FFF}
.case-box--gold{border-color:#D8A025}
.num-c{position:absolute;border-radius:50%;border:0.929px solid #D8A025;background:none}
.gp-chip{position:absolute;background:#2D2D2D}