/* JobMee paid launch + Application Answers */
.pricing-section{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.65fr);gap:72px;align-items:center;background:#f6f6f2}.pricing-copy h2{font:800 clamp(44px,5vw,74px)/.98 var(--font-display);letter-spacing:-3px;margin:22px 0}.pricing-copy>p{max-width:760px;color:#555;font-size:18px;line-height:1.7}.pricing-copy ul,.paywall-card ul{list-style:none;padding:0;margin:28px 0;display:grid;gap:12px}.pricing-copy li,.paywall-card li{display:flex;align-items:center;gap:10px}.pricing-copy li svg,.paywall-card li svg{width:18px;height:18px;color:#111}.pricing-card{background:#0a0a0a;color:#fff;border-radius:30px;padding:40px;box-shadow:0 30px 80px rgba(0,0,0,.18);position:relative;overflow:hidden}.pricing-card:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(214,255,63,.35),transparent 67%);right:-70px;top:-90px}.pricing-card>span{font:700 10px var(--font-display);letter-spacing:1.8px;color:#aaa}.pricing-card>strong{display:flex;align-items:flex-end;gap:5px;font:800 clamp(56px,7vw,90px)/1 var(--font-display);letter-spacing:-5px;margin:22px 0}.pricing-card sup{font-size:.35em;align-self:flex-start;margin-top:12px}.pricing-card small{font-size:13px;letter-spacing:0;color:#aaa;margin-bottom:10px}.pricing-card p{color:#bbb;line-height:1.6;position:relative;z-index:2}.pricing-card button{width:100%;margin-top:18px;position:relative;z-index:2;background:var(--accent);color:var(--accent-ink)}
.billing-summary-button{width:100%;display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:center;border:1px solid var(--app-line);background:var(--app-panel-2);color:var(--app-text);border-radius:15px;padding:11px 12px;margin-top:12px;text-align:left}.billing-summary-button>span{width:34px;height:34px;border-radius:11px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center}.billing-summary-button strong,.billing-summary-button small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.billing-summary-button small{color:var(--app-muted);font-size:9px;margin-top:2px}.billing-summary-button:hover{border-color:var(--accent)}
.role-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.finder-friendly-copy{color:var(--app-muted);margin:8px 0 18px;line-height:1.55}.answers-workspace{display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px;align-items:start}.answer-job-panel{position:sticky;top:98px;max-height:calc(100vh - 120px);padding:22px;display:flex;flex-direction:column}.answer-job-list{display:flex;flex-direction:column;gap:8px;overflow:auto;margin-top:14px}.answer-job-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;border:1px solid var(--app-line);background:var(--app-panel-2);color:var(--app-text);border-radius:15px;padding:12px;text-align:left}.answer-job-item.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.answer-job-item div{min-width:0}.answer-job-item strong,.answer-job-item small,.answer-job-item em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.answer-job-item small{color:var(--app-muted);margin:3px 0}.answer-job-item em{color:var(--accent);font-size:9px;font-style:normal}.answer-builder{padding:clamp(22px,3vw,36px);min-height:680px}.answer-job-heading{padding-bottom:18px;border-bottom:1px solid var(--app-line);margin-bottom:22px}.answer-job-heading h2{font:800 clamp(28px,4vw,46px)/1 var(--font-display);margin:8px 0}.answer-job-heading p{color:var(--app-muted)}.answer-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:16px 0 26px}.answer-actions small{color:var(--app-muted);max-width:620px;line-height:1.5}.application-answer-results{display:grid;gap:14px}.answer-results-empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed var(--app-line);border-radius:20px;background:var(--app-panel-2);padding:30px}.answer-results-empty p{max-width:620px;color:var(--app-muted);line-height:1.6}.answer-results-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;border-top:1px solid var(--app-line);padding-top:24px}.answer-results-head h3{font:800 26px var(--font-display);margin:7px 0}.answer-results-head p{color:var(--app-muted);max-width:760px}.answer-results-head>div:last-child{display:flex;gap:8px}.answer-result-card{border:1px solid var(--app-line);background:var(--app-panel-2);border-radius:18px;padding:18px}.answer-result-card.needs-input{border-color:#e5a54a}.answer-result-meta{display:flex;justify-content:space-between;gap:20px;color:var(--app-muted);font-size:10px}.answer-result-meta span{color:var(--accent);font-weight:800;letter-spacing:1px}.answer-result-card h4{font:700 16px/1.45 var(--font-display);margin:12px 0}.quick-answer-editor{width:100%;min-height:120px;background:var(--field)!important;color:var(--app-text)!important;border:1px solid var(--app-line)!important;border-radius:14px;padding:14px;line-height:1.65;resize:vertical}
.paywall-screen{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:20px}.paywall-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(18px)}.paywall-card{width:min(620px,100%);position:relative;overflow:hidden;background:var(--app-panel,#fff);color:var(--app-text,#111);border:1px solid var(--app-line,#ddd);border-radius:32px;padding:clamp(28px,5vw,54px);box-shadow:0 40px 120px rgba(0,0,0,.4);text-align:center}.paywall-orbit{position:absolute;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:50%;pointer-events:none}.paywall-orbit.orbit-a{width:280px;height:280px;right:-150px;top:-150px}.paywall-orbit.orbit-b{width:180px;height:180px;left:-100px;bottom:-100px}.paywall-mark{width:80px;height:80px;border-radius:25px;background:var(--inverse);color:var(--accent);display:grid;place-items:center;margin:0 auto 24px}.paywall-card h2{font:800 clamp(34px,5vw,54px)/1 var(--font-display);letter-spacing:-2px;margin:14px 0}.paywall-card>p{color:var(--app-muted);line-height:1.65}.paywall-price{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:24px 0}.paywall-price strong{font:800 58px var(--font-display);letter-spacing:-3px}.paywall-price span{color:var(--app-muted)}.paywall-card ul{text-align:left;max-width:430px;margin:22px auto}.paywall-subscribe{width:100%;min-height:56px;font-size:15px}.paywall-card>.text-button{margin:12px auto 0}.paywall-card>small{display:block;color:var(--app-muted);margin:14px 0 4px}
@media(max-width:1100px){.role-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.pricing-section{grid-template-columns:1fr}.answers-workspace{grid-template-columns:1fr}.answer-job-panel{position:static;max-height:none}.answer-job-list{max-height:320px}}
@media(max-width:720px){.role-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pricing-section{padding:80px 20px}.pricing-card{padding:30px 24px}.answer-actions,.answer-results-head{align-items:stretch;flex-direction:column}.answer-results-head>div:last-child{display:grid;grid-template-columns:1fr 1fr}.paywall-card{border-radius:24px}.paywall-price strong{font-size:48px}}
@media(max-width:430px){.role-choice-grid{grid-template-columns:1fr!important}.answer-results-head>div:last-child{grid-template-columns:1fr}}

/* =========================================================
   JOBMEE PAYWALL — FULL-VIEW PRODUCTION REDESIGN
   ========================================================= */
.paywall-screen {
  position: fixed;
  inset: 0;
  z-index: 4000;
  display: grid;
  place-items: center;
  padding: clamp(14px, 3vw, 36px);
  overflow: auto;
  overscroll-behavior: contain;
}

.paywall-backdrop {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 15% 12%, rgba(214, 255, 63, .16), transparent 34%),
    radial-gradient(circle at 88% 85%, rgba(255, 255, 255, .08), transparent 30%),
    rgba(5, 5, 5, .94);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.paywall-card {
  width: min(1080px, 100%);
  max-height: calc(100dvh - clamp(28px, 6vw, 72px));
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
  padding: 0;
  overflow: auto;
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 34px;
  background: var(--app-panel, #fff);
  color: var(--app-text, #111);
  box-shadow: 0 42px 140px rgba(0, 0, 0, .56);
  text-align: left;
}

.paywall-story,
.paywall-offer {
  min-width: 0;
  padding: clamp(30px, 5vw, 64px);
}

.paywall-story {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background:
    radial-gradient(circle at 78% 18%, rgba(214, 255, 63, .18), transparent 28%),
    linear-gradient(145deg, #080808, #151515);
  color: #fff;
}

.paywall-brand-row {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-bottom: clamp(28px, 5vw, 58px);
}

.paywall-brand-row > strong {
  font: 800 24px/1 var(--font-display);
  letter-spacing: -.8px;
}

.paywall-mark {
  width: 58px;
  height: 58px;
  margin: 0;
  border-radius: 18px;
  background: var(--accent);
  color: #111;
  display: grid;
  place-items: center;
}

.paywall-story .eyebrow {
  color: var(--accent);
}

.paywall-story h2 {
  max-width: 650px;
  margin: 15px 0 20px;
  font: 800 clamp(40px, 5.1vw, 72px)/.98 var(--font-display);
  letter-spacing: -3.5px;
}

.paywall-story > p {
  max-width: 650px;
  margin: 0;
  color: #bdbdbd;
  font-size: clamp(15px, 1.4vw, 18px);
  line-height: 1.7;
}

.paywall-proof-grid {
  display: grid;
  gap: 11px;
  margin-top: 34px;
}

.paywall-proof-grid article {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 13px 14px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 15px;
  background: rgba(255, 255, 255, .045);
}

.paywall-proof-grid svg {
  width: 21px;
  height: 21px;
  color: var(--accent);
}

.paywall-proof-grid strong,
.paywall-proof-grid span {
  display: block;
}

.paywall-proof-grid strong {
  font: 700 13px/1.3 var(--font-display);
}

.paywall-proof-grid span {
  margin-top: 3px;
  color: #aaa;
  font-size: 11px;
  line-height: 1.45;
}

.paywall-offer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: var(--app-panel, #fff);
}

.paywall-plan-label {
  font: 800 11px/1.2 var(--font-display);
  letter-spacing: 1.8px;
  color: var(--app-muted);
}

.paywall-offer .paywall-price {
  justify-content: flex-start;
  margin: 17px 0 6px;
}

.paywall-offer .paywall-price strong {
  font-size: clamp(56px, 6vw, 82px);
  line-height: .95;
}

.paywall-billing-copy {
  margin: 8px 0 4px;
  color: var(--app-muted);
  font-size: 13px;
  line-height: 1.55;
}

.paywall-offer ul {
  width: 100%;
  max-width: none;
  margin: 25px 0;
  display: grid;
  gap: 12px;
}

.paywall-offer li {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  color: var(--app-text);
  line-height: 1.45;
}

.paywall-offer li svg {
  color: var(--app-text);
}

.paywall-subscribe {
  width: 100%;
  min-height: 58px;
  font-size: 15px;
}

.paywall-offer > small {
  display: block;
  margin: 12px 0 0;
  color: var(--app-muted);
  text-align: center;
}

.paywall-secondary-actions {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.paywall-secondary-actions .paywall-continue {
  width: 100%;
}

.paywall-secondary-actions .text-button {
  justify-content: center;
}

.paywall-close {
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 5;
  border-color: rgba(255, 255, 255, .16);
  background: rgba(255, 255, 255, .1);
  color: #fff;
}

@media (max-width: 820px) {
  .paywall-screen {
    display: block;
    padding: 0;
    background: #0b0b0b;
  }

  .paywall-card {
    width: 100%;
    min-height: 100dvh;
    max-height: none;
    grid-template-columns: 1fr;
    border: 0;
    border-radius: 0;
    overflow: visible;
  }

  .paywall-story,
  .paywall-offer {
    padding-left: max(22px, env(safe-area-inset-left));
    padding-right: max(22px, env(safe-area-inset-right));
  }

  .paywall-story {
    padding-top: calc(76px + env(safe-area-inset-top));
    padding-bottom: 34px;
  }

  .paywall-offer {
    padding-top: 34px;
    padding-bottom: calc(30px + env(safe-area-inset-bottom));
  }

  .paywall-story h2 {
    font-size: clamp(38px, 11vw, 56px);
    letter-spacing: -2.4px;
  }

  .paywall-proof-grid {
    margin-top: 26px;
  }

  .paywall-close {
    position: fixed;
    top: calc(12px + env(safe-area-inset-top));
    right: max(12px, env(safe-area-inset-right));
  }
}