/* ── RESET ── */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; font-family:'Inter',sans-serif; }

:root {
  --green:#00704A;
  --green-light:#e0f2eb;
  --dark:#1a1a2e;
  --border:#e2e2e2;
  --nav-h:68px;
}

/* ── SCROLL SNAP SETUP ── */
html { height:100%; }

body {
  height:100%;
  overflow-y:scroll;
  scroll-snap-type:y mandatory;
  scroll-behavior:smooth;
  background:#f8f6f1;
  color:var(--dark);
}

/* ── NAVBAR ── */
nav {
  position:fixed;
  top:0; left:0; right:0;
  height:var(--nav-h);
  background:#f8f6f1;
  border-bottom:1px solid var(--border);
  z-index:200;
  display:flex;
  align-items:center;
  padding:0 48px;
}

.nav-inner {
  width:100%;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:0;
}

/* LEFT: logo + Resources + Mission */
.nav-left {
  display:flex;
  align-items:center;
  gap:28px;
}

.logo {
  font-size:26px; font-weight:800;
  color:#111827; text-decoration:none;
  letter-spacing:-.5px; margin-right:4px;
}
.logo span { color:#00843D; }

/* Match employer page logo in base navbar */
body.index-home #navbar .logo {
  font-size:26px;
  font-weight:800;
  letter-spacing:-.5px;
  color:#111827;
}
body.index-home #navbar .logo span {
  color:#00843D;
}

.nav-left a, .nav-center a {
  text-decoration:none; color:#555;
  font-weight:500; font-size:14px;
  transition:color .15s;
}
.nav-left a:hover, .nav-center a:hover { color:var(--green); }
.nav-center a.active { color:var(--green); font-weight:600; }

/* CENTER: Find Jobs | Lift Score | Login — truly centered */
.nav-center {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:32px;
}

/* RIGHT: CTA button */
.nav-right {
  display:flex;
  justify-content:flex-end;
}

.hire-btn {
  background:var(--green); color:#fff;
  padding:10px 20px; border-radius:10px;
  text-decoration:none; font-weight:700; font-size:13.5px;
  transition:background .15s; white-space:nowrap;
}
.hire-btn:hover { background:#005c3c; }

/* ── PAGE WRAPPER ── */
.page {
  scroll-snap-align:start;
  height:100vh;
  overflow:hidden;
  padding-top:var(--nav-h);
  display:flex;
  flex-direction:column;
}

/* ── PAGE 1 – HERO ── */
.page-hero {
  background:#f8f6f1;
}

.hero-inner {
  flex:1;
  max-width:1280px;
  margin:0 auto;
  width:100%;
  padding:0 48px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:48px;
  align-items:center;
}

.badge {
  display:inline-block; padding:8px 14px;
  background:var(--green-light); border-radius:40px;
  color:var(--green); font-size:11.5px; font-weight:700;
  letter-spacing:.5px; margin-bottom:20px;
}

.hero-inner h1 {
  font-size:68px; line-height:1.06;
  font-weight:800; color:var(--dark);
}
.hero-inner h1 .accent {
  font-family:'Fraunces', Georgia, serif;
  font-style:italic; font-weight:700; color:var(--green);
}

.subtext {
  font-size:17px; margin-top:18px; color:#555;
  line-height:1.65; max-width:440px;
}

.signup-btn {
  display:inline-block; margin-top:30px;
  background:var(--dark); color:#fff;
  padding:16px 38px; border-radius:13px;
  font-size:16px; font-weight:700; text-decoration:none;
  transition:background .15s, transform .12s;
}
.signup-btn:hover { background:#2d2d4e; transform:translateY(-2px); }

/* Job card */
.right { position:relative; padding:16px 50px; }

.job-card {
  background:white; border-radius:24px; padding:30px;
  box-shadow:0 20px 52px rgba(0,0,0,.09);
}

.tag {
  display:inline-block; padding:6px 13px;
  background:var(--green-light); color:var(--green);
  border-radius:30px; font-weight:700; font-size:11px; letter-spacing:.6px;
}

.job-title { font-size:34px; font-weight:800; margin-top:14px; color:var(--dark); }
.salary { font-size:26px; font-weight:700; color:var(--green); margin-top:7px; }
.company { margin-top:14px; font-size:17px; font-weight:600; }
.location { color:#777; margin-top:4px; font-size:13px; }

.chips { display:flex; gap:8px; margin-top:14px; flex-wrap:wrap; }
.chips span { background:#f2f2f2; padding:7px 13px; border-radius:30px; font-size:12px; font-weight:500; }

.skills { margin-top:16px; display:flex; gap:8px; flex-wrap:wrap; }
.skills span { background:var(--green-light); padding:7px 13px; border-radius:30px; color:var(--green); font-size:12px; font-weight:600; }

.apply {
  display:block; margin-top:24px; width:100%; padding:15px;
  background:var(--dark); color:white; border:none;
  border-radius:11px; font-size:15px; font-weight:700; cursor:pointer;
  transition:background .15s; text-align:center; text-decoration:none;
  box-sizing:border-box;
}
.apply:hover { background:#2d2d4e; }

/* Floating stats */
.stat {
  position:absolute; background:white;
  padding:12px 16px; border-radius:12px;
  box-shadow:0 8px 26px rgba(0,0,0,.09);
  font-weight:600; white-space:nowrap; z-index:10; font-size:13px;
}
.s1 { top:30px; left:-16px; }
.s2 { top:180px; right:-16px; }
.s3 { bottom:180px; left:-16px; }
.s4 { bottom:30px; right:-16px; }
.tick { color:var(--green); margin-right:6px; }

.dots { display:flex; justify-content:center; gap:7px; margin-top:16px; }
.dot { width:8px; height:8px; border-radius:50%; background:#d1d5db; }
.dot.active { background:var(--green); }

/* ── PAGE 2 – FAQ ── */
.page-faq {
  background:#ffffff;
  width:100%;
  max-width:100%;
}

.faq-inner {
  flex:1;
  max-width:none;
  margin:0;
  width:100%;
  padding:52px clamp(24px, 5vw, 80px) 40px;
  overflow:visible;
  box-sizing:border-box;
}

.page-faq h2 {
  font-size:46px; font-weight:800; color:var(--dark);
  line-height:1.1; margin-bottom:44px;
}

.faq-question {
  width:100%; background:none; border:none;
  display:flex; justify-content:space-between; align-items:center;
  padding:22px 0; cursor:pointer; text-align:left; gap:24px;
}
.faq-question span { font-size:17px; font-weight:700; color:var(--dark); line-height:1.4; }

.faq-icon {
  flex-shrink:0; width:26px; height:26px;
  background:var(--green-light); border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:15px; color:var(--green); transition:transform .22s;
}

.faq-answer { max-height:0; overflow:hidden; transition:max-height .3s ease; }
.faq-answer p { font-size:15px; color:#555; line-height:1.75; padding-bottom:22px; }

.faq-item.open .faq-answer { max-height:300px; }
.faq-item.open .faq-icon { transform:rotate(45deg); background:var(--green); color:#fff; }

/* FAQ CTA */
.faq-cta {
  background:var(--dark); border-radius:20px;
  padding:44px 52px;
  display:flex; align-items:center; justify-content:space-between; gap:28px;
  margin-top:48px;
}
.faq-cta-text h3 { font-size:26px; font-weight:800; color:#fff; margin-bottom:8px; }
.faq-cta-text p { font-size:15px; color:#aaa; line-height:1.6; max-width:none; }
.faq-cta-btns { display:flex; gap:12px; flex-shrink:0; }

.btn-white {
  background:#fff; color:var(--dark);
  padding:13px 22px; border-radius:11px;
  text-decoration:none; font-weight:700; font-size:14px;
  white-space:nowrap; transition:opacity .15s;
}
.btn-white:hover { opacity:.88; }
.btn-green {
  background:var(--green); color:#fff;
  padding:13px 22px; border-radius:11px;
  text-decoration:none; font-weight:700; font-size:14px;
  white-space:nowrap; transition:background .15s;
}
.btn-green:hover { background:#005c3c; }

/* ── PAGE 3 – COMPARISON ── */
.page-compare {
  background:#f0f4f2;
  width:100%;
  max-width:100%;
}

.compare-inner {
  flex:1;
  min-height:0;
  max-width:none;
  margin:0;
  width:100%;
  padding:0;
  display:flex;
  flex-direction:column;
  overflow:visible;
}

.compare-head {
  flex-shrink:0;
  width:100%;
  padding:40px clamp(24px, 5vw, 80px) 20px;
  box-sizing:border-box;
}

.compare-heading {
  font-size:42px; font-weight:800; color:var(--dark);
  line-height:1.1; margin-bottom:10px;
}
.compare-heading .accent {
  font-family:'Fraunces', Georgia, serif;
  font-style:italic; font-weight:700; color:var(--green);
}
.compare-sub {
  font-size:16px; color:#666; line-height:1.6;
  max-width:none; margin-bottom:0;
}

.compare-scroll {
  flex:1;
  min-height:0;
  width:100%;
  overflow:visible;
  padding:0 clamp(24px, 5vw, 80px) 40px;
  box-sizing:border-box;
}

.compare-table {
  background:#fff;
  border-radius:16px;
  overflow:hidden;
  width:100%;
  max-width:1100px;
  margin:0 auto;
  border:1px solid #e5e7eb;
  box-shadow:0 4px 24px rgba(17,19,46,.06);
}

.compare-cta {
  text-align:center;
  padding:32px 0 0;
  width:100%;
  max-width:1100px;
  margin:0 auto;
  box-sizing:border-box;
}
.compare-cta-btn {
  display:inline-block;
  background:var(--green);
  color:#fff;
  padding:16px 40px;
  border-radius:13px;
  font-size:16px;
  font-weight:700;
  text-decoration:none;
  transition:background .15s;
}
.compare-cta-btn:hover { background:#005c3c; }

.compare-header-row {
  display:grid;
  grid-template-columns:minmax(140px, 1.1fr) minmax(0, 1.35fr) minmax(0, 1.15fr);
  border-bottom:1px solid #e5e7eb;
  background:#fafafa;
}
.compare-header-row .col-feature {
  padding:20px 24px;
  display:flex;
  align-items:center;
}
.compare-col-title {
  font-size:13px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#6b7280;
}
.compare-header-row .col-lift,
.compare-header-row .col-trad {
  padding:20px 24px;
  text-align:left;
  border-left:1px solid #e5e7eb;
  display:flex;
  align-items:center;
}
.compare-header-row .col-lift {
  background:#ecfdf5;
}
.col-lift .col-label {
  font-size:18px;
  font-weight:800;
  color:#11132e;
  letter-spacing:-.2px;
  line-height:1.25;
}
.col-lift .col-label span { color:var(--green); }
.col-trad .col-label {
  font-size:14px;
  font-weight:700;
  color:#374151;
  line-height:1.4;
}

.compare-row {
  display:grid;
  grid-template-columns:minmax(140px, 1.1fr) minmax(0, 1.35fr) minmax(0, 1.15fr);
  border-top:1px solid #e5e7eb;
  transition:background .12s;
}
.compare-row:hover { background:#fafafa; }

.compare-row .col-feature {
  padding:20px 24px;
  display:flex;
  align-items:center;
  background:#fff;
}
.compare-row .col-feature p {
  font-size:15px;
  color:#11132e;
  font-weight:700;
  line-height:1.4;
  margin:0;
}
.compare-row .col-lift,
.compare-row .col-trad {
  padding:20px 24px;
  display:flex;
  align-items:center;
  border-left:1px solid #e5e7eb;
}
.compare-row .col-lift {
  background:#f0faf5;
}
.compare-row .col-trad {
  background:#fff;
}

.compare-lift-text,
.compare-trad-text {
  margin:0;
  font-size:15px;
  line-height:1.5;
  font-weight:600;
}
.compare-lift-text {
  color:#0f3d2e;
}
.compare-trad-text {
  color:#4b5563;
  font-weight:500;
}

/* ── Comparison: mobile stacked cards (≤768px) ── */
@media (max-width: 768px) {
  body.index-home section.page.page-compare {
    height:auto !important;
    min-height:auto !important;
    overflow:visible !important;
  }

  body.index-home .page-compare .compare-inner {
    overflow:visible;
    min-height:auto;
  }

  .page-compare .compare-head {
    padding:28px 16px 16px;
  }

  .page-compare .compare-heading {
    font-size:26px;
  }

  .page-compare .compare-sub {
    font-size:14px;
  }

  .page-compare .compare-scroll {
    padding:0 16px 28px;
    width:100%;
    max-width:100%;
    overflow:visible;
    box-sizing:border-box;
  }

  .page-compare .compare-table {
    display:flex;
    flex-direction:column;
    gap:12px;
    width:100%;
    max-width:100%;
    min-width:0;
    margin:0;
    background:transparent;
    border:none;
    box-shadow:none;
    border-radius:0;
    overflow:visible;
  }

  .page-compare .compare-header-row {
    display:grid;
    grid-template-columns:1fr 1fr;
    border:1px solid #e5e7eb;
    border-radius:12px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 2px 10px rgba(17,19,46,.06);
  }

  .page-compare .compare-header-row .col-feature {
    display:none;
  }

  .page-compare .compare-header-row .col-lift,
  .page-compare .compare-header-row .col-trad {
    padding:14px 12px;
    border-left:none;
    justify-content:center;
    text-align:center;
  }

  .page-compare .compare-header-row .col-trad {
    border-left:1px solid #e5e7eb;
  }

  .page-compare .compare-row {
    display:flex;
    flex-direction:column;
    grid-template-columns:unset;
    border:1px solid #e5e7eb;
    border-radius:12px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 2px 10px rgba(17,19,46,.06);
  }

  .page-compare .compare-row:hover {
    background:#fff;
  }

  .page-compare .compare-row .col-feature {
    padding:14px 16px 10px;
    background:#fafafa;
    border-bottom:1px solid #e5e7eb;
    align-items:flex-start;
  }

  .page-compare .compare-row .col-feature p {
    font-size:15px;
    line-height:1.35;
  }

  .page-compare .compare-row .col-lift,
  .page-compare .compare-row .col-trad {
    display:block;
    width:100%;
    padding:14px 16px;
    border-left:none;
    box-sizing:border-box;
  }

  .page-compare .compare-row .col-lift {
    background:#f0faf5;
    border-bottom:1px solid #e5e7eb;
  }

  .page-compare .compare-row .col-lift::before {
    content:'Lift.Life';
    display:block;
    font-size:11px;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
    color:var(--green);
    margin-bottom:8px;
  }

  .page-compare .compare-row .col-trad::before {
    content:'Traditional';
    display:block;
    font-size:11px;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
    color:#9ca3af;
    margin-bottom:8px;
  }

  .page-compare .compare-lift-text,
  .page-compare .compare-trad-text {
    font-size:14px;
    line-height:1.5;
    max-width:100%;
    overflow-wrap:break-word;
    word-break:normal;
  }

  .page-compare .compare-cta {
    padding:20px 0 0;
    max-width:100%;
  }

  .page-compare .compare-cta-btn {
    display:block;
    width:100%;
    box-sizing:border-box;
    text-align:center;
    padding:14px 24px;
  }
}

@media (max-width: 480px) {
  .page-compare .compare-heading {
    font-size:22px;
  }

  .page-compare .compare-head {
    padding:24px 14px 12px;
  }

  .page-compare .compare-scroll {
    padding:0 14px 24px;
  }
}

/* ── PAGE INDICATOR DOTS ── */
.page-nav {
  position:fixed;
  right:24px;
  top:50%;
  transform:translateY(-50%);
  display:flex;
  flex-direction:column;
  gap:10px;
  z-index:300;
}
.page-dot {
  width:8px; height:8px; border-radius:50%;
  background:#ccc; cursor:pointer; transition:background .2s, transform .2s;
  border:none;
}
.page-dot.active { background:var(--green); transform:scale(1.35); }
/* ════════════════════════════════════════
   MOBILE RESPONSIVE  (≤768px)
   ════════════════════════════════════════ */
@media (max-width: 768px) {

  /* Nav */
  nav { padding:0 20px; }
  .nav-inner { grid-template-columns:auto 1fr; }
  .nav-center { display:none; }
  .nav-right { justify-content:flex-end; gap:10px; }
  .hire-btn { display:none; }
  .lang-toggle { margin-left:8px; }

  /* Page dots - hide on mobile */
  .page-nav { display:none; }

  /* All pages: allow scroll, remove snap */
  body { scroll-snap-type:none; overflow-y:auto; height:auto; }
  html { height:auto; }
  .page { height:auto; min-height:100vh; overflow:visible; scroll-snap-align:none; }

  /* PAGE 1: HERO */
  .hero-inner { grid-template-columns:1fr; gap:24px; padding:24px 20px; align-items:start; }
  .hero-inner h1 { font-size:38px; }
  .subtext { font-size:15px; max-width:100%; }
  .signup-btn { padding:14px 28px; font-size:15px; }
  .right { padding:0 16px 32px; }
  .stat { display:none; }
  .job-card { padding:20px; }
  .job-title { font-size:22px; }
  .salary { font-size:18px; }

  /* PAGE 2: FAQ */
  .faq-inner { padding:32px 20px; }
  .faq-inner h2 { font-size:28px; }
  .faq-cta { flex-direction:column; gap:16px; }
  .faq-cta-btns { flex-direction:column; width:100%; }
  .faq-cta-btns a { text-align:center; }

  /* PAGE 3: COMPARE — see dedicated @media block above */
}

/* ════════════════════════════════════════
   MOBILE RESPONSIVE for inline page styles (≤768px)
   ════════════════════════════════════════ */
@media (max-width: 768px) {

  /* Page 3: Your Worth */
  .worth-inner { grid-template-columns:1fr !important; height:auto !important; }
  .worth-left { padding:32px 20px 20px !important; }
  .worth-h2 { font-size:28px !important; }
  .worth-p { font-size:14px !important; }
  .worth-right { padding:0 16px 32px !important; min-height:auto !important; }
  .worth-stats { gap:20px !important; flex-wrap:wrap; }
  .calc-card { max-width:100% !important; }
  .prof-grid { grid-template-columns:repeat(3,1fr) !important; }
  .loc-row { grid-template-columns:1fr !important; }

  /* Footer */
  .site-footer { padding:40px 20px 28px !important; }
  .footer-top { grid-template-columns:1fr !important; gap:28px !important; }
  .footer-bottom { flex-direction:column !important; gap:16px !important; text-align:center; }
}

/* ════════════════════════════════════════
   TABLET (769px – 1024px)
   ════════════════════════════════════════ */
@media (min-width:769px) and (max-width:1024px) {
  .hero-inner { padding:0 28px; gap:28px; }
  .hero-inner h1 { font-size:48px; }
  .worth-inner { grid-template-columns:1fr 1fr !important; }
  .worth-left { padding:40px 32px 40px 40px !important; }
  .worth-h2 { font-size:34px !important; }
  .footer-top { grid-template-columns:1fr 1fr !important; }
  .compare-heading { font-size:28px; }
  .faq-inner { padding:40px 32px; }
}


/* === inline from design index.html === */
/* Language toggle */
[data-i18n-auto].i18n-auto-busy { opacity: 0.92; transition: opacity 0.2s ease; }

.lang-toggle{display:flex;background:#f3f4f6;border-radius:20px;padding:3px;gap:2px;margin-left:14px;}
.lang-btn{border:none;background:transparent;padding:5px 12px;border-radius:16px;font-size:12px;font-weight:700;cursor:pointer;color:#6b7280;transition:.2s;}
.lang-btn.active{background:#11132E;color:#fff;}

/* Your Worth page styles */
.page-worth{background:#fff;}
.worth-inner{display:grid;grid-template-columns:1fr 1fr;height:100vh;}
.worth-left{display:flex;flex-direction:column;justify-content:center;padding:60px 52px 60px 60px;}
.worth-label{font-size:12px;font-weight:700;letter-spacing:.12em;color:#00704A;text-transform:uppercase;margin-bottom:18px;display:flex;align-items:center;gap:8px;}
.worth-label::before{content:'';width:28px;height:2px;background:#00704A;}
.worth-h2{font-size:44px;font-weight:800;line-height:1.12;color:#11132E;margin-bottom:20px;}
.worth-h2 span{color:#00704A;}
.worth-p{font-size:16px;color:#6b7280;line-height:1.65;margin-bottom:32px;max-width:440px;}
.worth-p b{color:#11132E;}
.worth-cta-btn{display:inline-flex;align-items:center;gap:8px;background:#11132E;color:#fff;padding:14px 28px;border-radius:13px;font-size:15px;font-weight:700;border:none;cursor:pointer;transition:.2s;text-decoration:none;}
.worth-cta-btn:hover{background:#00704A;}
.worth-stats{display:flex;gap:32px;margin-top:32px;}
.wstat .wnum{font-size:24px;font-weight:800;color:#11132E;}
.wstat .wlbl{font-size:12px;color:#6b7280;margin-top:2px;}
.worth-right{background:#F7F6F2;display:flex;align-items:center;justify-content:center;padding:32px 36px 32px 20px;overflow-y:auto;}

/* Calculator card */
.calc-card{background:#fff;border-radius:20px;box-shadow:0 8px 40px rgba(0,0,0,.1);width:100%;max-width:460px;}
.calc-steps{display:flex;align-items:center;padding:14px 18px 24px;border-bottom:1px solid #E5E7EB;}
.cs{display:flex;align-items:center;gap:6px;flex:1;}
.cs-num{width:24px;height:24px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#6b7280;flex-shrink:0;transition:.3s;}
.cs.active .cs-num{background:#11132E;color:#fff;}
.cs.done .cs-num{background:#00704A;color:#fff;}
.cs-lbl{font-size:12px;font-weight:600;color:#9ca3af;}
.cs.active .cs-lbl{color:#11132E;}
.cs.done .cs-lbl{color:#00704A;}
.cs-sep{width:14px;flex-shrink:0;height:1px;background:#E5E7EB;margin:0 3px;}
.step-info{font-size:11px;color:#9ca3af;white-space:nowrap;}
.calc-body{padding:22px 18px 18px;}
.page-worth .calc-body:has(#ws3s.active){padding-top:30px;}
.page-worth #ws3s.active{padding-top:14px;}
.page-worth #ws3s.active .sec-lbl{margin-top:0;margin-bottom:14px;}
.step-sec{display:none;}
.step-sec.active{display:block;animation:sfl .2s ease;}
@keyframes sfl{from{opacity:0;transform:translateY(5px);}to{opacity:1;transform:none;}}
.sec-lbl{font-size:10px;font-weight:700;letter-spacing:.08em;color:#9ca3af;text-transform:uppercase;margin-bottom:11px;}
.prof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:6px;margin-bottom:12px;}
.pbtn{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:76px;height:100%;box-sizing:border-box;border:1.5px solid #E5E7EB;border-radius:9px;padding:8px 4px;text-align:center;cursor:pointer;font-size:11px;font-weight:600;color:#11132E;background:#fff;transition:.2s;line-height:1.3;}
.pbtn:hover{border-color:#00704A;}
.pbtn.sel{background:#11132E;color:#fff;border-color:#11132E;}
.pbtn .pi{font-size:16px;display:block;margin-bottom:4px;flex-shrink:0;}
.exp-list{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;}
.eopt{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1.5px solid #E5E7EB;border-radius:10px;cursor:pointer;transition:.2s;}
.eopt:hover{border-color:#00704A;}
.eopt.sel{background:#11132E;color:#fff;border-color:#11132E;}
.eopt .eico{font-size:17px;width:22px;text-align:center;flex-shrink:0;}
.eopt .etxt{font-size:13px;font-weight:600;}
.loc-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:11px;}
.lg label{display:block;font-size:11px;font-weight:600;color:#6b7280;margin-bottom:5px;}
.lg input{width:100%;height:40px;border:1.5px solid #E5E7EB;border-radius:9px;padding:0 10px;font-size:13px;outline:none;color:#11132E;font-family:'Inter',sans-serif;transition:.2s;}
.lg input:focus{border-color:#00704A;}
.city-hint{font-size:10px;color:#00704A;font-weight:600;margin-top:3px;}
.sal-wrap label{display:block;font-size:11px;font-weight:600;color:#6b7280;margin-bottom:5px;}
.sal-wrap input{width:100%;height:40px;border:1.5px solid #E5E7EB;border-radius:9px;padding:0 10px;font-size:14px;outline:none;color:#11132E;margin-bottom:10px;font-family:'Inter',sans-serif;transition:.2s;}
.sal-wrap input:focus{border-color:#00704A;}
.res-card{background:#11132E;border-radius:12px;padding:16px;text-align:center;display:none;}
.rc-you{font-size:9px;font-weight:600;letter-spacing:.06em;color:rgba(255,255,255,.4);text-transform:uppercase;margin-bottom:2px;}
.rc-curr{font-size:13px;color:rgba(255,255,255,.35);text-decoration:line-through;}
.rc-amt{font-size:34px;font-weight:900;color:#fff;letter-spacing:-1px;line-height:1.1;}
.rc-sub{font-size:11px;color:rgba(255,255,255,.45);margin-top:2px;margin-bottom:9px;}
.rc-badge{display:inline-block;background:#00704A;color:#fff;font-size:11px;font-weight:700;padding:4px 12px;border-radius:20px;}
.rc-cta-btn{display:flex;align-items:center;justify-content:center;width:100%;height:38px;background:#fff;color:#11132E;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;margin-top:9px;transition:.2s;text-decoration:none;box-sizing:border-box;}
.rc-cta-btn:hover{background:#e8f5ee;color:#11132E;}
.rc-disc{font-size:9px;color:rgba(255,255,255,.25);margin-top:5px;}
.calc-foot{display:flex;align-items:center;padding:12px 16px;border-top:1px solid #E5E7EB;background:#F7F6F2;}
.btn-bk{background:transparent;border:1.5px solid #E5E7EB;border-radius:9px;padding:8px 15px;font-size:12px;font-weight:600;color:#6b7280;cursor:pointer;transition:.2s;}
.btn-bk:hover{border-color:#11132E;color:#11132E;}
.btn-nx{background:#11132E;color:#fff;border:none;border-radius:9px;padding:8px 20px;font-size:12px;font-weight:700;cursor:pointer;flex:1;margin-left:8px;transition:.2s;}
.btn-nx:hover{background:#00704A;}
.calc-card.show-result .btn-nx{display:none;}
.calc-card.show-result .calc-foot{justify-content:flex-start;}

/* ══════════════════════════════════════
   PAGE 3 — YOUR WORTH
   ══════════════════════════════════════ */
.page-worth { background:#fff; }
.worth-inner {
  display:grid;
  grid-template-columns:1fr 1fr;
  height:100%;
  align-items:center;
}
.worth-left {
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:60px 48px 60px 60px;
  height:100%;
}
.worth-label {
  font-size:12px;font-weight:700;letter-spacing:.12em;color:#00704A;
  text-transform:uppercase;margin-bottom:18px;
  display:flex;align-items:center;gap:8px;
}
.worth-label::before{content:'';width:28px;height:2px;background:#00704A;}
.worth-h2{font-size:42px;font-weight:800;line-height:1.12;color:#11132E;margin-bottom:18px;}
.worth-h2 span{color:#00704A;}
.worth-p{font-size:16px;color:#6b7280;line-height:1.65;margin-bottom:28px;max-width:420px;}
.worth-p b{color:#11132E;}
.worth-cta-btn{
  display:inline-flex;align-items:center;gap:8px;
  background:#11132E;color:#fff;padding:14px 28px;
  border-radius:12px;font-size:15px;font-weight:700;
  border:none;cursor:pointer;transition:.2s;width:fit-content;text-decoration:none;
}
.worth-cta-btn:hover{background:#00704A;}
.worth-stats{display:flex;gap:28px;margin-top:32px;padding-top:28px;border-top:1px solid #e5e7eb;}
.wstat .wnum{font-size:26px;font-weight:800;color:#11132E;}
.wstat .wlbl{font-size:12px;color:#6b7280;margin-top:2px;}

.worth-right {
  background:#F7F6F2;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:32px 40px 32px 24px;
}
.calc-card{background:#fff;border-radius:20px;box-shadow:0 8px 40px rgba(0,0,0,.1);width:100%;max-width:460px;}
.calc-steps{display:flex;align-items:center;padding:14px 18px 24px;border-bottom:1px solid #E5E7EB;}
.cs{display:flex;align-items:center;gap:6px;flex:1;}
.cs-num{width:24px;height:24px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#6b7280;flex-shrink:0;transition:.3s;}
.cs.active .cs-num{background:#11132E;color:#fff;}
.cs.done .cs-num{background:#00704A;color:#fff;}
.cs-lbl{font-size:12px;font-weight:600;color:#9ca3af;}
.cs.active .cs-lbl{color:#11132E;}
.cs.done .cs-lbl{color:#00704A;}
.cs-sep{width:14px;flex-shrink:0;height:1px;background:#E5E7EB;margin:0 3px;}
.step-info{font-size:11px;color:#9ca3af;white-space:nowrap;}
.calc-body{padding:22px 18px 18px;}
.page-worth .calc-body:has(#ws3s.active){padding-top:30px;}
.page-worth #ws3s.active{padding-top:14px;}
.page-worth #ws3s.active .sec-lbl{margin-top:0;margin-bottom:14px;}
.step-sec{display:none;}
.step-sec.active{display:block;animation:sfl .2s ease;}
@keyframes sfl{from{opacity:0;transform:translateY(5px);}to{opacity:1;transform:none;}}
.sec-lbl{font-size:10px;font-weight:700;letter-spacing:.08em;color:#9ca3af;text-transform:uppercase;margin-bottom:11px;}
.prof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:6px;margin-bottom:12px;}
.pbtn{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:76px;height:100%;box-sizing:border-box;border:1.5px solid #E5E7EB;border-radius:9px;padding:8px 4px;text-align:center;cursor:pointer;font-size:11px;font-weight:600;color:#11132E;background:#fff;transition:.2s;line-height:1.3;}
.pbtn:hover{border-color:#00704A;}
.pbtn.sel{background:#11132E;color:#fff;border-color:#11132E;}
.pbtn .pi{font-size:16px;display:block;margin-bottom:4px;flex-shrink:0;}
.exp-list{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;}
.eopt{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1.5px solid #E5E7EB;border-radius:10px;cursor:pointer;transition:.2s;}
.eopt:hover{border-color:#00704A;}
.eopt.sel{background:#11132E;color:#fff;border-color:#11132E;}
.eopt .eico{font-size:17px;width:22px;text-align:center;flex-shrink:0;}
.eopt .etxt{font-size:13px;font-weight:600;}
.loc-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:11px;}
.lg label{display:block;font-size:11px;font-weight:600;color:#6b7280;margin-bottom:5px;}
.lg input{width:100%;height:40px;border:1.5px solid #E5E7EB;border-radius:9px;padding:0 10px;font-size:13px;outline:none;color:#11132E;font-family:"Inter",sans-serif;transition:.2s;}
.lg input:focus{border-color:#00704A;}
.city-hint{font-size:10px;color:#00704A;font-weight:600;margin-top:3px;}
.sal-wrap label{display:block;font-size:11px;font-weight:600;color:#6b7280;margin-bottom:5px;}
.sal-wrap input{width:100%;height:40px;border:1.5px solid #E5E7EB;border-radius:9px;padding:0 10px;font-size:14px;outline:none;color:#11132E;margin-bottom:10px;font-family:"Inter",sans-serif;transition:.2s;}
.sal-wrap input:focus{border-color:#00704A;}
.res-card{background:#11132E;border-radius:12px;padding:16px;text-align:center;display:none;}
.rc-you{font-size:9px;font-weight:600;letter-spacing:.06em;color:rgba(255,255,255,.4);text-transform:uppercase;margin-bottom:2px;}
.rc-curr{font-size:13px;color:rgba(255,255,255,.35);text-decoration:line-through;}
.rc-amt{font-size:34px;font-weight:900;color:#fff;letter-spacing:-1px;line-height:1.1;}
.rc-sub{font-size:11px;color:rgba(255,255,255,.45);margin-top:2px;margin-bottom:9px;}
.rc-badge{display:inline-block;background:#00704A;color:#fff;font-size:11px;font-weight:700;padding:4px 12px;border-radius:20px;}
.rc-cta-btn{display:flex;align-items:center;justify-content:center;width:100%;height:38px;background:#fff;color:#11132E;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;margin-top:9px;transition:.2s;text-decoration:none;box-sizing:border-box;}
.rc-cta-btn:hover{background:#e8f5ee;color:#11132E;}
.rc-disc{font-size:9px;color:rgba(255,255,255,.25);margin-top:5px;}
.calc-foot{display:flex;align-items:center;padding:12px 16px;border-top:1px solid #E5E7EB;background:#F7F6F2;}
.btn-bk{background:transparent;border:1.5px solid #E5E7EB;border-radius:9px;padding:8px 15px;font-size:12px;font-weight:600;color:#6b7280;cursor:pointer;transition:.2s;}
.btn-bk:hover{border-color:#11132E;color:#11132E;}
.btn-nx{background:#11132E;color:#fff;border:none;border-radius:9px;padding:8px 20px;font-size:12px;font-weight:700;cursor:pointer;flex:1;margin-left:8px;transition:.2s;}
.btn-nx:hover{background:#00704A;}
.calc-card.show-result .btn-nx{display:none;}
.calc-card.show-result .calc-foot{justify-content:flex-start;}

/* ══════════════════════════════════════
   PAGE 5 — LIFT SCORE
   ══════════════════════════════════════ */
#page-5 { background:#f5f1ea; overflow:visible; }

/* Slim top notice bar */
#page-5 .ls-notice {
  display:flex;align-items:center;justify-content:space-between;
  background:#e8f5ee;border-bottom:1px solid #c6e8d5;
  padding:10px 32px;
  position:sticky;top:0;z-index:10;
}
#page-5 .ls-notice span{font-size:13px;color:#374151;}
#page-5 .ls-notice span b{color:#00704A;}
#page-5 .ls-notice a{
  background:#00704A;color:#fff;border:none;border-radius:8px;
  padding:7px 16px;font-size:12px;font-weight:700;cursor:pointer;
  text-decoration:none;white-space:nowrap;transition:.2s;
}
#page-5 .ls-notice a:hover{background:#00562E;}

/* Main content — layout in lift-score-embed.css */
#page-5 .ls-body {
  flex:none;
  overflow:visible;
}

/* ══════════════════════════════════════
   PAGE 7 — FOOTER
   ══════════════════════════════════════ */
#site-footer.site-footer,.site-footer{max-width:none;width:100%;box-sizing:border-box;}
.footer-top{width:100%;max-width:none;}
.footer-bottom{width:100%;max-width:none;}
.footer-top { display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px; }
.footer-brand .logo-f { font-size:24px;font-weight:800;color:#1a1a2e;margin-bottom:12px;display:block;text-decoration:none; }
.footer-brand .logo-f span { color:#00704A; }
.footer-brand p { font-size:14px;color:#6b7280;line-height:1.6;max-width:280px; }
.footer-col h4 { font-size:13px;font-weight:700;color:#1a1a2e;letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px; }
.footer-col a { display:block;font-size:14px;color:#6b7280;text-decoration:none;margin-bottom:10px;transition:.2s; }
.footer-col a:hover { color:#00704A; }
.footer-bottom { border-top:1px solid #e5e7eb;padding-top:24px;display:flex;justify-content:space-between;align-items:center; }
.footer-bottom p { font-size:13px;color:#9ca3af; }
.footer-socials { display:flex;gap:14px; }
.footer-socials a { width:36px;height:36px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#6b7280;text-decoration:none;font-size:15px;transition:.2s; }
.footer-socials a:hover { background:#00704A;color:#fff; }

/* ══════════════════════════════════════
   MOBILE — all pages ≤768px
   ══════════════════════════════════════ */
@media(max-width:768px){
  /* Your Worth */
  .worth-inner { grid-template-columns:1fr;height:auto; }
  .worth-left { padding:36px 20px 20px;height:auto; }
  .worth-h2 { font-size:28px; }
  .worth-p { font-size:14px;max-width:100%; }
  .worth-right { padding:0 20px 36px;height:auto; }
  .worth-stats { flex-wrap:wrap;gap:20px; }
  .calc-card { max-width:100%; }
  .prof-grid { grid-template-columns:repeat(3,1fr); }
  .loc-row { grid-template-columns:1fr; }

  /* Lift Score */
  #page-5 .ls-notice { padding:10px 16px;flex-wrap:wrap;gap:8px; }
  #page-5 .ls-notice span { font-size:12px; }

  /* Footer */
  .site-footer { padding:36px 20px 24px; }
  .footer-top { grid-template-columns:1fr;gap:24px; }
  .footer-bottom { flex-direction:column;gap:14px;text-align:center; }
}
@media(min-width:769px) and (max-width:1100px){
  .worth-left { padding:40px 32px 40px 40px; }
  .worth-h2 { font-size:32px; }
  .footer-top { grid-template-columns:1fr 1fr; }
}

.mob-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px;}
.mob-menu-btn span{display:block;width:22px;height:2px;background:#333;border-radius:2px;transition:.3s;}
.mob-nav{display:none;position:fixed;top:68px;left:0;right:0;background:#f8f6f1;border-bottom:1px solid #e2e2e2;z-index:199;padding:16px 20px;flex-direction:column;gap:0;}
.mob-nav.open{display:flex;}
.mob-nav a{display:block;padding:13px 4px;font-size:15px;font-weight:600;color:#333;text-decoration:none;border-bottom:1px solid #eee;}
.mob-nav a:last-child{border-bottom:none;}
.mob-nav a:hover{color:#00704A;}
@media(max-width:768px){
  .mob-menu-btn{display:flex;}
  .nav-center{display:none !important;}
  .hire-btn{display:none !important;}
}
/* Signup overlay on new home */
.signup-overlay{display:none;position:fixed;inset:0;z-index:9500;background:rgba(17,19,46,.55);align-items:flex-start;justify-content:center;padding:calc(68px + 16px) 16px 16px;overflow-y:auto}
.signup-overlay.open{display:flex}
.signup-overlay .signup-card{margin:0 auto;width:100%;max-width:440px;max-height:calc(100vh - 84px);overflow-y:auto;box-shadow:0 24px 64px rgba(0,0,0,.2)}
html:has(body.index-home){height:100%}
body.index-home{
  height:100%;
  overflow-y:scroll;
  scroll-snap-type:y mandatory;
  scroll-behavior:smooth;
  background:#f8f6f1;
}
body.index-home #site-footer.site-footer{scroll-snap-align:start}

/* Undo liftlife.css section / .page-hero rules — match standalone index.html spacing */
body.index-home section.page{
  padding:0;
  padding-top:var(--nav-h);
  min-height:unset;
  border-bottom:none;
  height:100vh;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:stretch;
}
body.index-home section.page.page-hero{
  background:#f8f6f1;
  align-items:stretch;
}
body.index-home .page-hero .hero-inner{
  flex:1;
  padding:0 48px;
  align-items:center;
}
body.index-home .page-hero .hero-inner h1{
  font-family:'Inter',sans-serif;
  font-size:68px;
  line-height:1.06;
  font-weight:800;
  letter-spacing:normal;
  margin-bottom:0;
  color:var(--dark);
}
body.index-home .page-faq .faq-inner{
  max-width:none;
  width:100%;
  margin:0;
  overflow:visible;
  flex:none;
}
body.index-home section.page.page-faq{
  display:flex;
  flex-direction:column;
  overflow:visible;
  min-height:100vh;
  height:auto;
}
body.index-home section.page.page-worth{
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
body.index-home .page-worth .worth-inner{
  flex:1;
  min-height:0;
  height:100%;
  width:100%;
}
body.index-home .page-worth .worth-right{
  overflow-y:auto;
}
body.index-home section.page.page-compare{
  display:flex;
  flex-direction:column;
  overflow:visible !important;
  min-height:auto;
  height:auto !important;
}
body.index-home section.page#page-5{
  display:flex;
  flex-direction:column;
  overflow:visible !important;
  min-height:100vh;
  height:auto !important;
}
body.index-home .page-compare .compare-inner{
  flex:1;
  min-height:0;
  max-width:none;
  width:100%;
}
body.index-home .page-compare .compare-head{
  flex-shrink:0;
  width:100%;
}
body.index-home .page-compare .compare-scroll{
  flex:none;
  min-height:0;
  overflow:visible;
  width:100%;
  padding:0 clamp(24px, 5vw, 80px) 40px;
  box-sizing:border-box;
}
body.index-home .page-compare .compare-table{
  width:100%;
  max-width:1100px;
  margin:0 auto;
  border-radius:20px;
}
@media(max-width:900px){
  body.index-home .page-hero .hero-inner h1{font-size:38px}
}
@media(min-width:901px) and (max-width:1100px){
  body.index-home .page-hero .hero-inner h1{font-size:48px}
}
@media(max-width:480px){
  body.index-home .page-hero .hero-inner{padding:0 16px}
  body.index-home .page-hero .hero-inner h1{font-size:32px}
  body.index-home section.page{height:auto;min-height:100svh}
  .signup-overlay{padding:calc(68px + 8px) 12px 12px}
  .signup-overlay .signup-card{max-height:calc(100vh - 76px)}
  body.index-home .page-faq .faq-inner{padding:28px 16px !important}
}
.signup-overlay-panel{position:relative;width:100%;max-width:440px}
.signup-overlay-close{position:absolute;top:8px;right:8px;z-index:2;width:36px;height:36px;border:none;border-radius:50%;background:#fff;font-size:22px;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.12)}