/* =============================================================
   LATAM Salary Guide 2026 — page-specific styles
   Built on the NewCombin Design System + the dg- decision-guide
   primitives (decision-guide.css). Only NEW components live here;
   shared chrome (nav, footer, hero, anchor, buttons, section heads,
   final CTA) is inherited from landing.css + decision-guide.css.
   ============================================================= */

/* ---- Page-level: prevent any horizontal overflow on mobile ----
   Use `clip` (not `hidden`): it contains horizontal overflow without
   establishing a scroll container, so the sticky #dgAnchor still pins. */
main{overflow-x:clip}

/* ---- Anchor nav (scoped to this page): keep "Book a call" always visible ----
   Only the link list scrolls; the label and CTA stay pinned, at every width. */
.dg-anchor--sg .dg-anchor__inner{overflow:visible}
.dg-anchor--sg .dg-anchor__links{position:relative;flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}
.dg-anchor--sg .dg-anchor__links::-webkit-scrollbar{display:none}
.dg-anchor--sg .dg-anchor__cta{display:inline-flex;align-items:center;gap:6px;flex:none}
@media (max-width:560px){
  .dg-anchor--sg .dg-anchor__lab{display:none}
  .dg-anchor--sg .dg-anchor__cta{padding:9px 13px}
}

/* ---- Hero summary list (the 4 numbered estimates) ---- */
.sg-estlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}
.sg-estlist li{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px dashed rgba(64,64,64,.14);font:500 15px/1.5 var(--font-body);color:var(--nc-dark-gray)}
.sg-estlist li:last-child{border-bottom:none;padding-bottom:0}
.sg-estlist li:first-child{padding-top:0}
.sg-estlist .n{flex:none;width:26px;height:26px;border-radius:50%;background:var(--nc-fawn-tint);color:var(--nc-orange-text-on-tint);font:800 13px/1 var(--font-display);display:flex;align-items:center;justify-content:center;margin-top:1px}
.sg-estlist b{font-weight:700;color:var(--nc-orange-text)}

.sg-hero-altlink{display:inline-flex;align-items:flex-start;gap:10px;margin-top:6px;font:400 15px/1.5 var(--font-body);color:var(--nc-ink-600)}
.sg-hero-altlink svg{flex:none;margin-top:2px}
.sg-hero-altlink a{color:var(--nc-orange-text);font-weight:700;text-decoration:none;border-bottom:1px solid rgba(180,83,9,.45);transition:border-color .2s var(--ease-out)}
.sg-hero-altlink a:hover{border-color:var(--nc-orange)}

/* ---- Disclaimer pill in hero meta row ---- */
.sg-hero__note{display:inline-flex;align-items:center;gap:8px;font:600 12px/1.3 var(--font-display);letter-spacing:.5px;color:var(--nc-orange-text-on-tint);background:var(--nc-fawn-tint);padding:8px 14px;border-radius:999px}
.sg-hero__note svg{width:15px;height:15px;flex:none}

/* =============================================================
   CREDIBILITY STRIP  (premium elevated proof panel)
   ============================================================= */
.sg-proof{background:var(--nc-seasalt);padding:52px 0 8px;position:relative}
.sg-proof__panel{position:relative;background:#fff;border:1px solid var(--color-border);border-radius:24px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.07)}
.sg-proof__grid{display:grid;grid-template-columns:repeat(3,1fr)}
.sg-proof__card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:34px 36px;border-right:1px solid var(--color-border);transition:background var(--dur-base) var(--ease-out)}
.sg-proof__card:last-child{border-right:none}
.sg-proof__card::before{content:"";position:absolute;left:0;top:34px;width:3px;height:0;border-radius:0 3px 3px 0;background:var(--nc-orange);transition:height var(--dur-base) var(--ease-out)}
.sg-proof__card:hover{background:rgba(234,127,10,.035)}
.sg-proof__card:hover::before{height:52px}
.sg-proof__ic{flex:none;width:52px;height:52px;border-radius:14px;background:var(--nc-fawn-tint);color:var(--nc-deep-orange);display:flex;align-items:center;justify-content:center}
.sg-proof__ic svg{width:26px;height:26px}
.sg-proof__num{font:800 34px/1 var(--font-display);letter-spacing:.5px;color:var(--nc-dark-gray)}
.sg-proof__num--accent{color:var(--nc-orange-text-lg)}
.sg-proof__lab{font:500 15px/1.45 var(--font-body);color:var(--nc-ink-600);max-width:30ch}
.sg-proof__foot{display:flex;align-items:flex-start;gap:18px;padding:22px 36px;border-top:1px solid var(--color-border);background:var(--nc-ink-050)}
.sg-proof__foottext{display:flex;flex-direction:column;gap:10px}
.sg-proof__footbadge{flex:none;display:inline-flex;align-items:center;gap:8px;font:700 11px/1 var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--nc-orange-text-on-tint);background:var(--nc-fawn-tint);padding:9px 14px;border-radius:999px;margin-top:1px}
.sg-proof__footbadge svg{width:15px;height:15px;flex:none}
.sg-proof__foot p{margin:0;font:400 15px/1.6 var(--font-body);color:var(--nc-ink-600);text-wrap:pretty}
.sg-proof__foot p b{color:var(--nc-dark-gray);font-weight:600}
@media (max-width:880px){
  .sg-proof{padding:36px 0 4px}
  .sg-proof__grid{grid-template-columns:1fr}
  .sg-proof__card{flex-direction:row;align-items:center;gap:18px;border-right:none;border-bottom:1px solid var(--color-border);padding:22px 24px}
  .sg-proof__card::before{top:50%;transform:translateY(-50%)}
  .sg-proof__card:hover::before{height:44px}
  .sg-proof__ic{width:46px;height:46px}
  .sg-proof__num{font-size:26px}
  .sg-proof__lab{max-width:none}
  .sg-proof__foot{flex-direction:column;gap:12px;padding:22px 24px}
}

/* =============================================================
   EXECUTIVE TAKEAWAYS  (editorial checkpoint — cost-lens ladder + side rec)
   ============================================================= */
.sg-takeaways{background:var(--nc-seasalt)}
.sg-tk2{display:grid;grid-template-columns:1.55fr 1fr;gap:40px;align-items:start}
@media (max-width:960px){.sg-tk2{grid-template-columns:1fr;gap:28px}}

/* Cost-lens ladder (vertical timeline, hairline rows — no boxes) */
.sg-lens{position:relative;list-style:none;margin:0;padding:0}
.sg-lens::before{content:"";position:absolute;left:21px;top:34px;bottom:34px;width:2px;background:linear-gradient(180deg,var(--nc-ink-200),var(--nc-fawn) 45%,var(--nc-orange));border-radius:2px}
.sg-lens__row{position:relative;display:grid;grid-template-columns:44px 1fr;gap:22px;padding:26px 0;align-items:start}
.sg-lens__row + .sg-lens__row{border-top:1px solid var(--color-border)}
.sg-lens__row:first-child{padding-top:6px}
.sg-lens__row:last-child{padding-bottom:6px}
.sg-lens__idx{position:relative;z-index:1;width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;font:800 15px/1 var(--font-display);letter-spacing:.5px;box-shadow:0 0 0 5px var(--nc-seasalt)}
.sg-lens__row--raw .sg-lens__idx{background:var(--nc-ink-100);color:var(--nc-ink-600)}
.sg-lens__row--direct .sg-lens__idx{background:var(--nc-fawn-tint);color:var(--nc-orange-text-on-tint)}
.sg-lens__row--partner .sg-lens__idx{background:var(--nc-orange);color:var(--nc-on-orange)}
.sg-lens__body{min-width:0;padding-top:2px}
.sg-lens__headline{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.sg-lens__name{margin:0;font:700 20px/1.2 var(--font-display);letter-spacing:.2px;color:var(--nc-dark-gray);text-wrap:pretty}
.sg-lens__essence{font:500 16px/1.45 var(--font-body);color:var(--nc-ink-600)}
.sg-lens__essence b{font-weight:700;color:var(--nc-orange-text)}
.sg-lens__detail{margin:12px 0 0;font:400 14.5px/1.6 var(--font-body);color:var(--nc-ink-600);max-width:62ch;text-wrap:pretty}

/* includes / excludes — compact inline tag lines */
.sg-lens__io{margin:14px 0 0;display:flex;flex-direction:column;gap:10px}
.sg-lens__io-line{margin:0;font:400 14px/1.6 var(--font-body);color:var(--nc-ink-600);text-wrap:pretty}
.sg-lens__io-line .tag{display:inline-flex;align-items:center;gap:6px;margin-right:10px;font:700 10px/1 var(--font-display);letter-spacing:1.5px;text-transform:uppercase;padding:5px 10px;border-radius:999px;vertical-align:middle;transform:translateY(-1px)}
.sg-lens__io-line .tag::before{content:"";width:6px;height:6px;border-radius:50%}
.sg-lens__io-line.is-in .tag{background:var(--nc-fawn-tint);color:var(--nc-orange-text-on-tint)}
.sg-lens__io-line.is-in .tag::before{background:var(--nc-orange)}
.sg-lens__io-line.is-out .tag{background:rgba(64,64,64,.09);color:var(--nc-ink-600);box-shadow:inset 0 0 0 1px rgba(64,64,64,.16)}
.sg-lens__io-line.is-out .tag::before{background:var(--nc-ink-500)}

/* Executive checkpoint — prominent sticky side recommendation */
.sg-checkpoint{position:sticky;top:96px;background:var(--nc-dark-gray);color:#fff;border-radius:24px;padding:36px 34px;overflow:hidden}
.sg-checkpoint::before{content:"";position:absolute;inset:auto -100px -140px auto;width:320px;height:320px;background:radial-gradient(closest-side,rgba(234,127,10,.30),rgba(234,127,10,0) 70%);pointer-events:none}
.sg-checkpoint::after{content:"";position:absolute;left:0;top:30px;bottom:30px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,var(--nc-orange),rgba(234,127,10,.15))}
.sg-checkpoint>*{position:relative;z-index:1}
.sg-checkpoint__lab{display:inline-flex;align-items:center;gap:9px;font:700 11px/1 var(--font-display);letter-spacing:2.5px;text-transform:uppercase;color:var(--nc-fawn);margin-bottom:18px}
.sg-checkpoint__lab .dot{width:6px;height:6px;border-radius:50%;background:var(--nc-fawn)}
.sg-checkpoint__big{margin:0;font:700 26px/1.25 var(--font-display);letter-spacing:.2px;color:#fff;text-wrap:pretty}
.sg-checkpoint__big em{font-style:normal;color:var(--nc-fawn)}
.sg-checkpoint__note{margin:18px 0 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);font:400 14px/1.55 var(--font-body);color:rgba(255,255,255,.72);text-wrap:pretty}
.sg-checkpoint__cta{margin-top:24px;display:inline-flex;align-items:center;gap:10px;font:700 15px/1 var(--font-display);letter-spacing:.3px;background:var(--nc-orange);color:var(--nc-on-orange);padding:15px 24px;border-radius:999px;text-decoration:none;transition:box-shadow var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}
.sg-checkpoint__cta:hover{background:#ed8c22;box-shadow:var(--shadow-glow-orange)}
.sg-checkpoint__cta svg{width:18px;height:18px}

@media (max-width:960px){
  .sg-checkpoint{position:static}
}
@media (max-width:600px){
  .sg-lens__row{grid-template-columns:38px 1fr;gap:16px}
  .sg-lens::before{left:18px}
  .sg-lens__idx{width:38px;height:38px;border-radius:11px;font-size:13px}
  .sg-lens__name{font-size:18px}
  .sg-checkpoint{padding:30px 24px}
  .sg-checkpoint__big{font-size:22px}
  .sg-checkpoint__cta{width:100%;justify-content:center}
}

/* =============================================================
   MARKET TIERS  (three planning-tier cards)
   ============================================================= */
.sg-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:880px){.sg-tiers{grid-template-columns:1fr}}
.sg-tier{background:#fff;border:1px solid var(--color-border);border-radius:24px;padding:30px;display:flex;flex-direction:column;gap:16px;transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}
.sg-tier:hover{transform:translateY(-3px);box-shadow:var(--shadow-card);border-color:rgba(234,127,10,.4)}
.sg-tier__top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sg-tier__badge{font:800 12px/1 var(--font-display);letter-spacing:1.5px;text-transform:uppercase;padding:8px 14px;border-radius:999px}
.sg-tier--1 .sg-tier__badge{background:var(--nc-orange);color:var(--nc-on-orange)}
.sg-tier--2 .sg-tier__badge{background:var(--nc-fawn-tint);color:var(--nc-orange-text-on-tint)}
.sg-tier--3 .sg-tier__badge{background:rgba(64,64,64,.08);color:var(--nc-ink-600)}
.sg-tier__no{font:800 40px/1 var(--font-display);color:#888888;letter-spacing:1px}
.sg-tier__h{font:700 19px/1.25 var(--font-display);color:var(--nc-dark-gray);margin:0;text-wrap:pretty}
.sg-tier__countries{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;list-style:none}
.sg-tier__countries li{font:600 13px/1 var(--font-body);color:var(--nc-dark-gray);background:var(--nc-ink-050);border:1px solid var(--color-border);padding:7px 12px;border-radius:999px}
.sg-tier__use{font:400 14px/1.55 var(--font-body);color:var(--nc-ink-600);margin:0;padding-top:16px;border-top:1px solid var(--color-border)}
.sg-tier__uselab{display:block;font:700 10px/1 var(--font-display);letter-spacing:1.5px;text-transform:uppercase;color:var(--nc-orange-text);margin-bottom:8px}

.sg-tier-caveat{display:inline-flex;align-items:center;gap:10px;margin:0 0 24px;font:600 13px/1.4 var(--font-display);letter-spacing:.3px;color:var(--nc-orange-text-on-tint);background:var(--nc-fawn-tint);padding:10px 18px;border-radius:999px}
.sg-tier-caveat svg{width:16px;height:16px;flex:none}

/* Statement below the tier cards */
.sg-tier-statement{margin:28px 0 0;font:700 22px/1.35 var(--font-display);letter-spacing:.2px;color:var(--nc-ink-500);text-wrap:balance}
.sg-tier-statement span{color:var(--nc-dark-gray)}
@media (max-width:640px){.sg-tier-statement{font-size:18px}}

/* Highlighted "tell us the role" CTA below the notes */
.sg-tier-cta{margin-top:24px;display:flex;align-items:center;gap:16px;padding:22px 26px;border-radius:18px;background:var(--nc-dark-gray);color:#fff}
.sg-tier-cta__ic{flex:none;width:42px;height:42px;border-radius:11px;background:rgba(234,127,10,.20);color:var(--nc-fawn);display:flex;align-items:center;justify-content:center}
.sg-tier-cta__ic svg{width:22px;height:22px}
.sg-tier-cta p{flex:1;min-width:0;margin:0;font:600 18px/1.4 var(--font-display);letter-spacing:.2px;color:rgba(255,255,255,.85);text-wrap:pretty}
.sg-tier-cta p b{color:#fff;font-weight:700}
.sg-tier-cta__btn{flex:none;display:inline-flex;align-items:center;gap:9px;font:700 15px/1 var(--font-display);letter-spacing:.3px;background:var(--nc-orange);color:var(--nc-on-orange);padding:14px 22px;border-radius:999px;text-decoration:none;white-space:nowrap;transition:box-shadow var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}
.sg-tier-cta__btn:hover{background:#ed8c22;box-shadow:var(--shadow-glow-orange)}
.sg-tier-cta__btn svg{width:18px;height:18px;flex:none}
@media (max-width:720px){
  .sg-tier-cta{flex-wrap:wrap}
  .sg-tier-cta p{flex:1 1 100%}
  .sg-tier-cta__btn{width:100%;justify-content:center;margin-left:58px;flex:1 1 auto}
}
@media (max-width:640px){.sg-tier-cta{padding:20px 22px;gap:14px}.sg-tier-cta p{font-size:16px}.sg-tier-cta__btn{margin-left:0}}

.sg-tier-notes{margin-top:28px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media (max-width:760px){.sg-tier-notes{grid-template-columns:1fr}}
.sg-tier-note{display:flex;align-items:flex-start;gap:12px;padding:18px 20px;background:#fff;border:1px solid var(--color-border);border-radius:16px;font:400 14px/1.55 var(--font-body);color:var(--nc-ink-600);text-wrap:pretty}
.sg-tier-note b{color:var(--nc-dark-gray);font-weight:600}
.sg-tier-note .ic{flex:none;width:30px;height:30px;border-radius:8px;background:var(--nc-fawn-tint);color:var(--nc-deep-orange);display:flex;align-items:center;justify-content:center;margin-top:1px}
.sg-tier-note .ic svg{width:16px;height:16px}

/* =============================================================
   WHAT CHANGES COMP/RETENTION  (icon insight cards, 2-col)
   ============================================================= */
.sg-factors{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media (max-width:760px){.sg-factors{grid-template-columns:1fr}}
.sg-factor{background:#fff;border:1px solid var(--color-border);border-radius:20px;padding:28px;display:flex;gap:18px;align-items:flex-start;transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}
.sg-factor:hover{transform:translateY(-2px);border-color:rgba(234,127,10,.4);box-shadow:var(--shadow-card)}
.sg-factor__ic{flex:none;width:46px;height:46px;border-radius:12px;background:var(--nc-fawn-tint);color:var(--nc-deep-orange);display:flex;align-items:center;justify-content:center}
.sg-factor__ic svg{width:24px;height:24px}
.sg-factor__h{font:700 19px/1.2 var(--font-display);color:var(--nc-dark-gray);margin:0 0 8px;text-wrap:pretty}
.sg-factor__d{font:400 15px/1.55 var(--font-body);color:var(--nc-ink-600);margin:0;text-wrap:pretty}
.sg-factor__d b{color:var(--nc-dark-gray);font-weight:600}
.sg-factor--wide{grid-column:1/-1;background:var(--nc-dark-gray);border-color:transparent;align-items:center}
.sg-factor--wide .sg-factor__ic{background:rgba(234,127,10,.20);color:var(--nc-fawn)}
.sg-factor--wide .sg-factor__h{color:#fff}
.sg-factor--wide .sg-factor__d{color:rgba(255,255,255,.82);font-size:17px}
.sg-factor--wide .sg-factor__d em{font-style:normal;color:var(--nc-fawn);font-weight:600}

/* Standalone highlighted key statement below the factor grid */
.sg-factors-key{margin:28px 0 0;text-align:center;font:700 24px/1.35 var(--font-display);letter-spacing:.2px;color:var(--nc-ink-500);text-wrap:balance}
.sg-factors-key span{color:var(--nc-dark-gray)}
@media (max-width:640px){.sg-factors-key{font-size:19px;text-align:left}}

/* =============================================================
   TWO COST VIEWS  (side-by-side explanation cards)
   ============================================================= */
.sg-views{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
@media (max-width:880px){.sg-views{grid-template-columns:1fr}}
.sg-view{position:relative;background:#fff;border:1px solid var(--color-border);border-radius:28px;padding:34px;display:flex;flex-direction:column;gap:20px;overflow:hidden}
.sg-view--partner{border-color:rgba(234,127,10,.35);box-shadow:0 12px 40px rgba(234,127,10,.10)}
.sg-view__tab{display:inline-flex;align-items:center;gap:10px;font:700 11px/1 var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--nc-ink-500)}
.sg-view__tab .dot{width:8px;height:8px;border-radius:50%;background:var(--nc-ink-400)}
.sg-view--partner .sg-view__tab{color:var(--nc-orange-text)}
.sg-view--partner .sg-view__tab .dot{background:var(--nc-orange)}
.sg-view__t{font:700 24px/1.2 var(--font-display);color:var(--nc-dark-gray);margin:0;text-wrap:pretty}
.sg-view__lead{font:400 15px/1.6 var(--font-body);color:var(--nc-ink-600);margin:0}
.sg-view__group{display:flex;flex-direction:column;gap:10px}
.sg-view__grouplab{font:700 10px/1 var(--font-display);letter-spacing:1.5px;text-transform:uppercase;color:var(--nc-orange-text);display:flex;align-items:center;gap:8px}
.sg-view__grouplab.is-excl{color:var(--nc-ink-500)}
.sg-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sg-list li{display:inline-flex;align-items:center;gap:7px;font:500 13px/1.3 var(--font-body);color:var(--nc-dark-gray);background:var(--nc-ink-050);border:1px solid var(--color-border);padding:7px 12px;border-radius:999px}
.sg-list li .tk{width:6px;height:6px;border-radius:50%;background:var(--nc-orange);flex:none}
.sg-list.is-excl li{color:var(--nc-ink-500);background:#fff}
.sg-list.is-excl li .tk{background:var(--nc-ink-400)}
.sg-view__foot{margin-top:auto;padding-top:18px;border-top:1px dashed var(--color-border);font:500 14px/1.5 var(--font-body);color:var(--nc-ink-600)}
.sg-view__foot b{color:var(--nc-dark-gray);font-weight:700}
.sg-views-note{margin-top:24px;display:flex;align-items:flex-start;gap:14px;padding:20px 24px;background:var(--nc-ink-050);border:1px dashed rgba(64,64,64,.18);border-radius:16px;font:500 15px/1.55 var(--font-body);color:var(--nc-dark-gray);text-wrap:pretty}
.sg-views-note .ic{flex:none;color:var(--nc-orange);margin-top:2px}

/* =============================================================
   TABLES — shared (clean, scannable, right-aligned numerics)
   ============================================================= */
.sg-table-intro{display:flex;align-items:flex-start;gap:16px;padding:24px 28px;background:#fff;border:1px solid var(--color-border);border-left:4px solid var(--nc-orange);border-radius:18px;margin-bottom:32px}
.sg-table-intro .ic{flex:none;width:40px;height:40px;border-radius:10px;background:var(--nc-fawn-tint);color:var(--nc-deep-orange);display:flex;align-items:center;justify-content:center;margin-top:2px}
.sg-table-intro .ic svg{width:20px;height:20px}
.sg-table-intro__body p{margin:0 0 10px;font:400 15px/1.6 var(--font-body);color:var(--nc-ink-600);text-wrap:pretty}
.sg-table-intro__body p:last-child{margin-bottom:0}
.sg-table-intro__body b{color:var(--nc-dark-gray);font-weight:700}
.sg-table-intro__body .pct{color:var(--nc-orange-text);font-weight:700}

/* Tabs */
.sg-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.sg-tab{font:700 14px/1.2 var(--font-display);letter-spacing:.2px;color:var(--nc-ink-600);background:#fff;border:1px solid var(--color-border);padding:13px 20px;border-radius:999px;cursor:pointer;transition:background .2s var(--ease-out),color .2s var(--ease-out),border-color .2s var(--ease-out);text-wrap:pretty}
.sg-tab:hover{border-color:rgba(234,127,10,.45);color:var(--nc-dark-gray)}
.sg-tab.is-active{background:var(--nc-dark-gray);color:#fff;border-color:var(--nc-dark-gray)}
.sg-tab .ct{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-left:8px;border-radius:999px;background:var(--nc-fawn-tint);color:var(--nc-orange-text-on-tint);font:800 11px/1 var(--font-display)}
.sg-tab.is-active .ct{background:rgba(234,127,10,.30);color:var(--nc-fawn)}

.sg-tabpanel{display:none}
.sg-tabpanel.is-active{display:block}
.sg-tabpanel__cap{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;flex-wrap:wrap}
.sg-tabpanel__cap h3{font:700 22px/1.2 var(--font-display);color:var(--nc-dark-gray);margin:0;letter-spacing:.2px;text-wrap:pretty}
.sg-unit{font:600 11px/1 var(--font-display);letter-spacing:1.5px;text-transform:uppercase;color:var(--nc-ink-500);background:var(--nc-ink-050);border:1px solid var(--color-border);padding:7px 12px;border-radius:999px;flex:none}

/* Scroll shell + table */
.sg-tablewrap{position:relative;border:1px solid var(--color-border);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 16px 48px rgba(0,0,0,.05)}
.sg-tablescroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.sg-tablescroll::-webkit-scrollbar{height:8px}
.sg-tablescroll::-webkit-scrollbar-thumb{background:rgba(64,64,64,.25);border-radius:999px}
.sg-tablescroll::-webkit-scrollbar-track{background:var(--nc-ink-050)}
table.sg-table{width:100%;border-collapse:collapse;min-width:760px}
table.sg-table thead th{position:sticky;top:0;z-index:2;background:var(--nc-dark-gray);color:#fff;text-align:right;padding:16px 20px;font:700 11px/1.3 var(--font-display);letter-spacing:.8px;text-transform:uppercase;white-space:nowrap;vertical-align:bottom}
table.sg-table thead th.col-role{text-align:left;color:var(--nc-fawn);position:sticky;left:0;z-index:3;min-width:190px}
table.sg-table thead th.col-tier{text-align:left}
table.sg-table thead th .sub{display:block;font:400 10px/1.2 var(--font-body);letter-spacing:.4px;text-transform:none;color:rgba(255,255,255,.6);margin-top:4px}
table.sg-table tbody td{padding:15px 20px;text-align:right;font:600 15px/1.4 var(--font-body);color:var(--nc-dark-gray);white-space:nowrap;border-top:1px solid var(--color-border);vertical-align:middle;font-variant-numeric:tabular-nums}
table.sg-table tbody td.col-role{position:sticky;left:0;z-index:1;text-align:left;background:#fff;font:700 14px/1.3 var(--font-display);color:var(--nc-dark-gray);box-shadow:1px 0 0 var(--color-border)}
table.sg-table tbody td.col-tier{text-align:left}
table.sg-table tbody td.is-cost{color:var(--nc-orange-text);font-weight:700}
table.sg-table tbody td .raw{color:var(--nc-ink-500);font-weight:600}
table.sg-table tbody tr:nth-child(even) td{background:var(--nc-ink-050)}
table.sg-table tbody tr:nth-child(even) td.col-role{background:#f4f4f4}
table.sg-table tbody tr:hover td{background:rgba(234,127,10,.05)}
table.sg-table tbody tr:hover td.col-role{background:rgba(234,127,10,.07)}
/* group separators between roles */
table.sg-table tbody tr.is-groupstart td{border-top:2px solid var(--color-border-strong,rgba(64,64,64,.18))}

/* ---- MOBILE: let the whole row scroll together (no sticky first column) ----
   On small screens the sticky `col-role` overlapped the scrolled numeric
   cells. Disable sticky so all columns move as one horizontal scroll. */
@media (max-width:640px){
  table.sg-table thead th.col-role,
  table.sg-table tbody td.col-role{position:static;left:auto;z-index:auto;box-shadow:none}
  table.sg-table tbody td.col-role{background:#fff}
  table.sg-table tbody tr:nth-child(even) td.col-role{background:var(--nc-ink-050)}
}
.sg-tier-pill{display:inline-flex;align-items:center;gap:7px;font:700 12px/1 var(--font-display);letter-spacing:.3px;color:var(--nc-dark-gray)}
.sg-tier-pill .dot{width:8px;height:8px;border-radius:50%;flex:none}
.sg-tier-pill--1 .dot{background:var(--nc-orange)}
.sg-tier-pill--2 .dot{background:var(--nc-fawn)}
.sg-tier-pill--3 .dot{background:var(--nc-ink-400)}
.sg-redirect{font:600 13px/1.4 var(--font-body);color:var(--nc-ink-500)}
.sg-redirect a{color:var(--nc-orange-text);font-weight:700;text-decoration:none;border-bottom:1px solid rgba(180,83,9,.45)}
.sg-redirect a:hover{border-color:var(--nc-orange)}

/* swipe hint shown only on small screens */
.sg-swipe{display:none;align-items:center;gap:8px;margin-bottom:12px;font:600 12px/1 var(--font-display);letter-spacing:.5px;color:var(--nc-ink-500)}
.sg-swipe svg{width:16px;height:16px;color:var(--nc-orange)}
@media (max-width:880px){.sg-swipe{display:inline-flex}}

/* =============================================================
   TABLE 2 — partner cost (hourly visually secondary)
   ============================================================= */
table.sg-table.sg-table--partner{min-width:680px}
table.sg-table--partner thead th.col-role{color:var(--nc-fawn)}
table.sg-table--partner tbody td.is-monthly{color:var(--nc-orange-text);font-weight:700;font-size:15px}
table.sg-table--partner tbody td.is-hourly{color:var(--nc-ink-500);font-weight:600;font-size:13px}
table.sg-table--partner tbody td.is-hourly .u{font-size:11px;opacity:.7}

/* What the partner model includes — bullet cards */
.sg-includes{margin-top:36px}
.sg-includes__head{font:700 12px/1 var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--nc-orange-text);margin:0 0 18px;display:inline-flex;align-items:center;gap:10px}
.sg-includes__head .dot{width:6px;height:6px;border-radius:50%;background:var(--nc-orange)}
.sg-includes__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:880px){.sg-includes__grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.sg-includes__grid{grid-template-columns:1fr}}
.sg-inc{background:#fff;border:1px solid var(--color-border);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:12px;transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}
.sg-inc:hover{transform:translateY(-2px);border-color:rgba(234,127,10,.4)}
.sg-inc__ic{width:40px;height:40px;border-radius:10px;background:var(--nc-fawn-tint);color:var(--nc-deep-orange);display:flex;align-items:center;justify-content:center}
.sg-inc__ic svg{width:20px;height:20px}
.sg-inc__t{font:700 16px/1.25 var(--font-display);color:var(--nc-dark-gray);margin:0;text-wrap:pretty}
.sg-inc__d{font:400 14px/1.55 var(--font-body);color:var(--nc-ink-600);margin:0;text-wrap:pretty}
.sg-includes__foot{margin-top:20px;display:flex;align-items:flex-start;gap:14px;padding:20px 24px;background:var(--nc-ink-050);border:1px dashed rgba(64,64,64,.18);border-radius:16px;font:400 15px/1.55 var(--font-body);color:var(--nc-ink-600);text-wrap:pretty}
.sg-includes__foot b{color:var(--nc-dark-gray);font-weight:600}
.sg-includes__foot .ic{flex:none;color:var(--nc-orange);margin-top:2px}

/* =============================================================
   HOW TO COMPARE  (comparison point cards + 3-column decision table)
   ============================================================= */
/* Comparison point cards (6 grid + 1 highlighted closer) */
.sg-points{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}
@media (max-width:880px){.sg-points{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.sg-points{grid-template-columns:1fr}}
.sg-point{background:#fff;border:1px solid var(--color-border);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:14px;transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}
.sg-point:hover{transform:translateY(-2px);border-color:rgba(234,127,10,.4);box-shadow:var(--shadow-card)}
.sg-point__ic{flex:none;width:44px;height:44px;border-radius:12px;background:var(--nc-fawn-tint);color:var(--nc-deep-orange);display:flex;align-items:center;justify-content:center}
.sg-point__ic svg{width:22px;height:22px}
.sg-point p{margin:0;font:400 15px/1.55 var(--font-body);color:var(--nc-ink-600);text-wrap:pretty}
.sg-point p b{color:var(--nc-dark-gray);font-weight:700}
.sg-point--key{grid-column:1/-1;flex-direction:row;align-items:center;gap:20px;background:var(--nc-dark-gray);border-color:transparent;padding:28px 32px}
.sg-point--key .sg-point__ic{width:52px;height:52px;background:rgba(234,127,10,.20);color:var(--nc-fawn)}
.sg-point--key .sg-point__ic svg{width:26px;height:26px}
.sg-point--key p{font:700 21px/1.4 var(--font-display);letter-spacing:.2px;color:#fff;text-wrap:pretty}
@media (max-width:600px){.sg-point--key{flex-direction:column;align-items:flex-start;padding:24px 22px}.sg-point--key p{font-size:18px}}
.sg-compare-lead{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:32px}
@media (max-width:760px){.sg-compare-lead{grid-template-columns:1fr}}
.sg-compare-lead__row{display:flex;align-items:flex-start;gap:14px;padding:20px 22px;background:#fff;border:1px solid var(--color-border);border-radius:16px;font:400 15px/1.55 var(--font-body);color:var(--nc-ink-600);text-wrap:pretty}
.sg-compare-lead__row b{color:var(--nc-dark-gray);font-weight:700}
.sg-compare-lead__row .ic{flex:none;width:30px;height:30px;border-radius:8px;background:var(--nc-fawn-tint);color:var(--nc-deep-orange);display:flex;align-items:center;justify-content:center;margin-top:1px}
.sg-compare-lead__row .ic svg{width:16px;height:16px}

.sg-decide{background:#fff;border:1px solid var(--color-border);border-radius:24px;overflow:hidden;box-shadow:0 16px 48px rgba(0,0,0,.06)}
.sg-decide__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
table.sg-decide__table{width:100%;border-collapse:collapse;min-width:720px}
table.sg-decide__table thead th{text-align:left;padding:20px 24px;font:700 12px/1.3 var(--font-display);letter-spacing:1.2px;text-transform:uppercase;background:var(--nc-dark-gray);color:#fff;vertical-align:middle}
table.sg-decide__table thead th.col-care{color:var(--nc-fawn);width:24%}
table.sg-decide__table thead th.col-partner{background:linear-gradient(180deg,#3a2a18,var(--nc-dark-gray));position:relative}
table.sg-decide__table thead th.col-partner::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--nc-orange)}
table.sg-decide__table tbody td{padding:20px 24px;vertical-align:top;font:400 15px/1.55 var(--font-body);color:var(--nc-ink-600);border-top:1px solid var(--color-border)}
table.sg-decide__table tbody td.care{font:700 15px/1.3 var(--font-display);color:var(--nc-dark-gray)}
table.sg-decide__table tbody td.partner{background:rgba(234,127,10,.045)}
table.sg-decide__table tbody tr:nth-child(even) td{background:var(--nc-ink-050)}
table.sg-decide__table tbody tr:nth-child(even) td.partner{background:rgba(234,127,10,.07)}
table.sg-decide__table tbody td b{color:var(--nc-dark-gray);font-weight:700}

.sg-pathnote{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:760px){.sg-pathnote{grid-template-columns:1fr}}
.sg-pathnote__card{padding:22px 24px;border-radius:18px;border:1px solid var(--color-border);background:#fff}
.sg-pathnote__card .lab{font:700 11px/1 var(--font-display);letter-spacing:1.5px;text-transform:uppercase;color:var(--nc-orange-text);margin:0 0 8px}
.sg-pathnote__card p{margin:0;font:400 15px/1.55 var(--font-body);color:var(--nc-ink-600);text-wrap:pretty}
.sg-pathnote__card p b{color:var(--nc-dark-gray);font-weight:700}
.sg-pathnote__card--c2h{border-top:4px solid var(--nc-orange);background:linear-gradient(180deg,#fff,rgba(250,188,120,.10))}

/* =============================================================
   METHODOLOGY  (compact dark credibility block)
   ============================================================= */
.sg-method{background:var(--nc-dark-gray);color:#fff;padding:88px 0;position:relative;overflow:hidden}
.sg-method::before{content:"";position:absolute;top:-180px;left:-120px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(234,127,10,.18),transparent 65%);filter:blur(130px);pointer-events:none}
.sg-method .dg-wrap{position:relative;z-index:1}
.sg-method__grid{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}
@media (max-width:960px){.sg-method__grid{grid-template-columns:1fr;gap:36px}}
.sg-method__head h2{font:700 38px/1.1 var(--font-display);letter-spacing:.3px;color:#fff;margin:14px 0 0;text-wrap:pretty}
@media (max-width:640px){.sg-method__head h2{font-size:28px}}
.sg-method__head .eyebrow{font:700 12px/1 var(--font-display);letter-spacing:3px;text-transform:uppercase;color:var(--nc-fawn);display:inline-flex;align-items:center;gap:10px}
.sg-method__head .eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--nc-fawn)}
.sg-method__head p{font:400 16px/1.65 var(--font-body);color:rgba(255,255,255,.8);margin:20px 0 0;max-width:52ch;text-wrap:pretty}
.sg-method__head p b{color:#fff;font-weight:600}
.sg-method__stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sg-method__stat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:24px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.sg-method__stat .v{font:800 32px/1 var(--font-display);letter-spacing:.5px;color:var(--nc-fawn);display:block}
.sg-method__stat .k{font:400 14px/1.45 var(--font-body);color:rgba(255,255,255,.78);margin-top:8px;display:block}
.sg-method__stat--wide{grid-column:1/-1}
.sg-method__stat--wide .v{font-size:18px;color:#fff}
.sg-method__list{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.sg-method__list li{display:flex;align-items:flex-start;gap:10px;font:400 13px/1.5 var(--font-body);color:rgba(255,255,255,.7)}
.sg-method__list .tk{flex:none;width:6px;height:6px;border-radius:50%;background:var(--nc-orange);margin-top:7px}

/* =============================================================
   FAQ  (light accordion)
   ============================================================= */
.sg-faq{background:#fff;padding:88px 0;border-top:1px solid var(--color-border)}
.sg-faq__grid{display:grid;grid-template-columns:.85fr 1.4fr;gap:56px;align-items:start}
@media (max-width:880px){.sg-faq__grid{grid-template-columns:1fr;gap:32px}}
.sg-faq__side h2{font:700 38px/1.08 var(--font-display);letter-spacing:.3px;color:var(--nc-dark-gray);margin:14px 0 0;text-wrap:pretty}
@media (max-width:640px){.sg-faq__side h2{font-size:28px}}
.sg-faq__side p{font:400 16px/1.6 var(--font-body);color:var(--nc-ink-600);margin:18px 0 0;text-wrap:pretty}
.sg-faq__list{display:flex;flex-direction:column;gap:12px}
.sg-faq__item{border:1px solid var(--color-border);border-radius:16px;overflow:hidden;background:#fff;transition:border-color var(--dur-base) var(--ease-out)}
.sg-faq__item.open{border-color:rgba(234,127,10,.4);box-shadow:0 12px 36px rgba(0,0,0,.05)}
.sg-faq__q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 26px;background:transparent;border:0;cursor:pointer;text-align:left;font:700 18px/1.35 var(--font-display);color:var(--nc-dark-gray);text-wrap:pretty}
.sg-faq__q .ic{flex:none;width:30px;height:30px;border-radius:999px;background:var(--nc-fawn-tint);color:var(--nc-deep-orange);display:flex;align-items:center;justify-content:center;transition:transform var(--dur-base) var(--ease-out)}
.sg-faq__q .ic svg{width:14px;height:14px}
.sg-faq__item.open .sg-faq__q .ic{transform:rotate(45deg);background:var(--nc-orange);color:var(--nc-on-orange)}
.sg-faq__a{max-height:0;overflow:hidden;transition:max-height var(--dur-slow) var(--ease-out)}
.sg-faq__a-inner{padding:0 26px 24px;font:400 16px/1.65 var(--font-body);color:var(--nc-ink-600);max-width:72ch;text-wrap:pretty}
.sg-faq__a-inner a{color:var(--nc-orange-text);font-weight:700;text-decoration:none;border-bottom:1px solid rgba(180,83,9,.45)}
.sg-faq__a-inner a:hover{border-color:var(--nc-orange)}

/* =============================================================
   FINAL CTA  (reuses dg-final-cta look; secondary recruiter link)
   ============================================================= */
.sg-final{background:var(--nc-seasalt);padding:0 0 96px}
/* Tighter, balanced band + guaranteed-centered content (overrides shared dg- defaults, scoped to this page only) */
.sg-final .dg-final-cta{padding:54px 56px}
.sg-final .dg-final-cta__inner{display:flex;flex-direction:column;align-items:center;max-width:680px}
.sg-final .dg-final-cta h2{max-width:26ch}
.sg-final .dg-final-cta p{margin-top:26px;margin-bottom:26px}
.sg-final .dg-final-cta__row{margin:0;justify-content:center}
.sg-final__altrow{margin-top:22px;display:inline-flex;align-items:center;gap:10px;font:500 15px/1.5 var(--font-body);color:rgba(255,255,255,.82)}
.sg-final__altrow a{color:var(--nc-fawn);font-weight:700;text-decoration:none;border-bottom:1px solid rgba(250,188,120,.4);transition:border-color .2s var(--ease-out)}
.sg-final__altrow a:hover{border-color:var(--nc-fawn)}
@media (max-width:640px){.sg-final{padding-bottom:64px}.sg-final .dg-final-cta{padding:48px 24px}.sg-final__altrow{flex-direction:column;gap:4px;text-align:center}}