/* Jobcus global UI standard — July 2026 */
:root{--jc-brand:#122A66;--jc-primary:#122A66;--jc-primary-dark:#122A66;--blue:#122A66;--accent:#122A66;--brand:#122A66;--jc-text:#101828;--jc-muted:#667085;--jc-border:#E4E7EC;--jc-bg:#F7F8FA;--jc-container:1180px;--jc-radius:16px;--jc-shadow-sm:0 1px 3px rgba(16,24,40,.08);--jc-shadow-md:0 18px 45px rgba(16,24,40,.10)}
html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--jc-text);background:#fff}a,button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(18,42,102,.28);outline-offset:3px}.container,.site-container{width:min(calc(100% - 40px),var(--jc-container));margin-inline:auto}.site-header{border-bottom:1px solid #EAECF0;background:rgba(255,255,255,.96);backdrop-filter:blur(16px)}.header-inner{max-width:1180px}.nav-link{font-weight:650}.nav-link--start{background:#EEF4FF!important;color:var(--jc-brand)!important;border:1px solid rgba(18,42,102,.22)!important;border-radius:10px;padding:10px 14px!important;box-shadow:inset 0 0 0 1px rgba(18,42,102,.04)}.dropdown-content{border:1px solid #EAECF0;box-shadow:0 18px 40px rgba(16,24,40,.12)}.dd-icon{background:#F2F4F7!important;color:var(--jc-brand)!important}.site-footer,.jc-footer{background:var(--jc-brand)!important}.jc-footer a:hover{color:#fff!important}.ui-btn,.primary-btn,.secondary-btn{min-height:48px;border-radius:12px;font-weight:750}.ui-btn--primary,.primary-btn{background:var(--jc-brand)!important;border-color:var(--jc-brand)!important;color:#fff!important;box-shadow:0 8px 20px rgba(18,42,102,.18)}.ui-btn--secondary,.secondary-btn{background:#fff!important;border:1px solid var(--jc-brand)!important;color:var(--jc-brand)!important}.ui-btn--outline-light{background:transparent;border:1px solid rgba(255,255,255,.7);color:#fff}.new-eyebrow,.eyebrow{color:var(--jc-brand)!important;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.final-cta .new-eyebrow,.employer-conversion .new-eyebrow{color:#DCE4FF!important}
/* Conversion homepage */
.conversion-hero{padding:88px 0 78px;background:linear-gradient(180deg,#F7F9FF 0%,#fff 100%)}.conversion-hero__grid{display:grid;grid-template-columns:1.12fr .88fr;gap:72px;align-items:center}.conversion-hero h1{font-size:clamp(44px,5.7vw,70px);line-height:.9;letter-spacing:-.048em;margin:14px 0 24px;max-width:780px}.conversion-hero h1 span{color:var(--jc-brand)}.conversion-hero__copy>p{max-width:700px;font-size:18px;line-height:1.7;color:var(--jc-muted);margin:0 0 28px}.audience-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.audience-action{display:grid;gap:4px;padding:17px 18px;border:1px solid var(--jc-border);border-radius:14px;background:#fff;text-decoration:none;color:var(--jc-text);transition:.2s ease}.audience-action:hover{border-color:var(--jc-brand);transform:translateY(-2px);box-shadow:var(--jc-shadow-sm)}.audience-action small{font-size:12px;color:var(--jc-muted)}.audience-action strong{font-size:17px}.audience-action span{font-size:13px;color:var(--jc-brand)}.audience-action--primary{background:var(--jc-brand);border-color:var(--jc-brand);color:#fff}.audience-action--primary small,.audience-action--primary span{color:#DCE4FF}.hero-trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:22px;color:#475467;font-size:13px;font-weight:650}.hero-trust span:before{content:'✓';color:#067647;margin-right:7px}.conversion-preview{border:1px solid var(--jc-border);border-radius:22px;padding:26px;background:#fff;box-shadow:var(--jc-shadow-md)}.conversion-preview__head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--jc-border)}.conversion-preview__head div{display:grid;gap:3px}.conversion-preview__head small,.preview-role small{color:var(--jc-muted)}.conversion-preview__head>span{padding:7px 10px;border-radius:999px;background:#F2F4F7;color:var(--jc-brand);font-size:12px;font-weight:800}.preview-role{display:grid;gap:4px;background:#F7F8FA;border-radius:13px;padding:15px;margin:18px 0}.preview-role span{color:var(--jc-muted);font-size:13px}.conversion-preview ol{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:9px}.conversion-preview li{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--jc-border);border-radius:12px}.conversion-preview li b{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#F2F4F7;color:#475467}.conversion-preview li div{display:grid;flex:1}.conversion-preview li small{color:var(--jc-muted)}.conversion-preview li>span{font-size:11px;font-weight:800;color:var(--jc-brand)}.conversion-preview li.done b{background:#ECFDF3;color:#067647}.conversion-preview li.active{border-color:var(--jc-brand);background:#F7F9FF}.conversion-preview li.active b{background:var(--jc-brand);color:#fff}.conversion-preview>a,.text-link{color:var(--jc-brand);font-weight:800;text-decoration:none}.outcome-strip{border-block:1px solid #EAECF0;background:#fff}.outcome-strip__grid{display:grid;grid-template-columns:repeat(4,1fr)}.outcome-strip__grid>div{padding:24px;border-right:1px solid #EAECF0;display:grid;gap:5px}.outcome-strip__grid>div:first-child{border-left:1px solid #EAECF0}.outcome-strip span{font-size:13px;color:var(--jc-muted)}.conversion-section{padding:94px 0}.split-layout{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}.split-copy h2,.employer-conversion h2,.pricing-bridge h2,.section-intro h2{font-size:clamp(32px,4vw,46px);line-height:1.12;letter-spacing:-.035em;margin:12px 0 16px}.split-copy>p,.employer-conversion p,.pricing-bridge p,.section-intro p{font-size:17px;line-height:1.65;color:var(--jc-muted)}.benefit-list{display:grid;gap:16px;margin:28px 0}.benefit-list>div{display:flex;gap:15px}.benefit-list b{width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#F2F4F7;color:var(--jc-brand);display:grid;place-items:center;font-size:12px}.benefit-list span{display:grid;gap:4px}.benefit-list small{color:var(--jc-muted);line-height:1.5}.result-card{border:1px solid var(--jc-border);border-radius:20px;padding:27px;background:#fff;box-shadow:var(--jc-shadow-md)}.result-card__top{display:flex;justify-content:space-between;align-items:center}.result-card__top div{display:grid}.result-card__top small{color:var(--jc-muted)}.result-card__top strong{font-size:42px}.result-card__top>span{padding:7px 10px;border-radius:999px;background:#ECFDF3;color:#067647;font-size:12px;font-weight:800}.score-bar{height:9px;background:#EAECF0;border-radius:99px;margin:16px 0 20px;overflow:hidden}.score-bar span{display:block;height:100%;background:var(--jc-brand)}.result-row{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #EAECF0}.result-row>b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center}.result-row.good>b{background:#ECFDF3;color:#067647}.result-row.attention>b{background:#FFFAEB;color:#B54708}.result-row div{display:grid}.result-row small{color:var(--jc-muted)}.result-next{display:grid;gap:4px;padding:16px;margin-top:18px;border-radius:13px;background:#F7F9FF}.result-next small{color:var(--jc-muted)}.result-next a{color:var(--jc-brand);font-weight:800;text-decoration:none}.employer-conversion{background:var(--jc-brand);color:#fff}.employer-conversion__grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:64px;align-items:center}.employer-conversion p{color:rgba(255,255,255,.8)}.employer-mini-plans{display:grid;grid-template-columns:1fr 1fr;gap:16px}.employer-mini-plans article{background:#fff;color:var(--jc-text);border-radius:18px;padding:26px}.employer-mini-plans article.featured{box-shadow:inset 0 0 0 3px #DCE4FF}.employer-mini-plans article>span{color:var(--jc-brand);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.employer-mini-plans h3{font-size:23px;margin:10px 0}.employer-mini-plans ul{padding-left:20px;color:var(--jc-muted);line-height:1.7}.employer-mini-plans a{color:var(--jc-brand);font-weight:800;text-decoration:none}.connected-workspace{background:#F7F8FA}.section-intro{text-align:center;max-width:750px;margin:0 auto 42px}.hub-demo{background:#fff;border-radius:22px;padding:28px;max-width:980px;margin:auto;border:1px solid var(--jc-border);box-shadow:var(--jc-shadow-sm)}.hub-demo__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.hub-demo__header div{display:grid}.hub-demo__header small{color:var(--jc-muted)}.hub-demo__header strong{font-size:38px}.hub-demo__header a{color:var(--jc-brand);font-weight:800;text-decoration:none}.hub-demo__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.hub-demo__grid article{padding:20px;background:#F7F8FA;border-radius:14px;display:grid;gap:6px}.hub-demo__grid span,.hub-demo__grid small{color:var(--jc-muted)}.hub-demo__grid strong{font-size:22px}.pricing-bridge__inner{display:flex;justify-content:space-between;align-items:center;gap:50px}.pricing-bridge__inner>div:first-child{max-width:760px}.pricing-bridge__inner>div:last-child{display:grid;gap:13px;text-align:center}.new-faq{background:#F7F8FA}.new-faq__list{max-width:850px;margin:auto;display:grid;gap:12px}.new-faq details{border:1px solid var(--jc-border);border-radius:14px;background:#fff;padding:0 20px}.new-faq summary{list-style:none;cursor:pointer;padding:20px 0;font-weight:800;display:flex;justify-content:space-between}.new-faq summary::-webkit-details-marker{display:none}.new-faq details p{color:var(--jc-muted);line-height:1.65;margin:0 0 20px}.final-cta{padding:88px 0;background:var(--jc-brand)!important;text-align:center;color:#fff}.final-cta h2{font-size:clamp(34px,4vw,48px);margin:12px 0 14px}.final-cta p{opacity:.82;font-size:18px;margin:0 auto 28px}.final-cta__actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
/* Employer overview */
.employers-shell{background:#F7F8FA;padding:34px 0 70px}.employer-section{max-width:1120px!important}.employer-control-center,.employer-plan-section,.employer-workflow{padding:34px!important}.employer-overview-hero{text-align:center;max-width:850px;margin:0 auto 30px}.employer-overview-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}.employer-overview-paths{display:grid;grid-template-columns:1fr 1fr;gap:18px}.employer-overview-paths article{border:1px solid var(--jc-border);border-radius:16px;padding:26px;background:#fff}.employer-overview-paths article.featured{border:2px solid var(--jc-brand)}.employer-overview-paths article>span{font-size:12px;color:var(--jc-brand);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.employer-overview-paths h2{font-size:24px;margin:10px 0}.employer-overview-paths p{color:var(--jc-muted);line-height:1.6}.employer-overview-paths a{color:var(--jc-brand);font-weight:800;text-decoration:none}.employer-plan-grid{gap:20px!important}.employer-plan-card{border:1px solid var(--jc-border)!important;box-shadow:none!important}.employer-plan-card--featured{border:2px solid var(--jc-brand)!important}.employer-workflow-chart{gap:12px!important}.employer-workflow-step{border:1px solid var(--jc-border)!important;border-radius:14px!important}
@media(max-width:900px){.conversion-hero{padding:62px 0}.conversion-hero__grid,.split-layout,.employer-conversion__grid{grid-template-columns:1fr;gap:42px}.conversion-hero h1{font-size:48px}.outcome-strip__grid{grid-template-columns:1fr 1fr}.outcome-strip__grid>div:nth-child(3){border-left:1px solid #EAECF0}.employer-mini-plans{grid-template-columns:1fr 1fr}.hub-demo__grid{grid-template-columns:1fr 1fr}.pricing-bridge__inner{align-items:flex-start;flex-direction:column}.employer-overview-paths{grid-template-columns:1fr}}
@media(max-width:640px){.container,.site-container{width:min(calc(100% - 28px),var(--jc-container))}.conversion-hero{padding:44px 0 52px}.conversion-hero h1{font-size:38px;line-height:.94}.conversion-hero__copy>p{font-size:16px}.audience-actions,.employer-mini-plans{grid-template-columns:1fr}.hero-trust{display:grid;gap:9px}.conversion-preview{padding:18px}.outcome-strip__grid{grid-template-columns:1fr}.outcome-strip__grid>div{border-left:1px solid #EAECF0}.conversion-section{padding:58px 0}.section-intro{text-align:left;margin-bottom:28px}.hub-demo{padding:18px}.hub-demo__header{align-items:flex-start;gap:14px}.hub-demo__grid{grid-template-columns:1fr 1fr;gap:9px}.hub-demo__grid article{padding:14px}.final-cta__actions{display:grid}.final-cta__actions .ui-btn{width:100%}.employer-control-center,.employer-plan-section,.employer-workflow{padding:22px!important}.employer-overview-actions{display:grid}.employer-overview-actions a{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* July 2026 UI amendments */
.final-cta.final-cta--light{background:#fff!important;color:var(--jc-text)!important;border-top:1px solid var(--jc-border)}
.final-cta.final-cta--light .new-eyebrow{color:var(--jc-brand)!important}
.final-cta.final-cta--light p{color:var(--jc-muted);opacity:1}
.final-cta.final-cta--light .ui-btn--light{background:var(--jc-brand)!important;color:#fff!important;border:1px solid var(--jc-brand)!important}
.final-cta.final-cta--light .ui-btn--outline-light{background:#fff!important;color:var(--jc-brand)!important;border:1px solid var(--jc-brand)!important}

.employers-page .employer-control-center{width:calc(100% - 32px);max-width:none;margin:24px auto 32px;padding:0!important;overflow:hidden}
.employers-page .employer-overview-hero{width:100%;box-sizing:border-box;border-radius:18px;padding:clamp(34px,6vw,74px)!important}
.employers-page .employer-overview-paths{padding:clamp(20px,3vw,40px)}

.pricing-audience-section{margin-top:72px;padding-top:64px;border-top:1px solid var(--jc-border);scroll-margin-top:100px}
.pricing-section-head{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;box-sizing:border-box;text-align:center;margin:0 auto 34px;padding:18px 20px;min-height:108px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 10px rgba(16,72,121,.06)}
.pricing-section-kicker{display:inline-block;color:var(--jc-brand);font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;margin:0}
.pricing-section-head h2{margin:0;color:var(--jc-brand);font-size:clamp(24px,2.4vw,34px);line-height:1.15;letter-spacing:-.02em}
.pricing-section-head p{max-width:760px;margin:0;color:var(--jc-muted);font-size:clamp(13px,1.4vw,16px);line-height:1.4}
.plans--employer{width:100%;margin-inline:0;grid-template-columns:repeat(2,minmax(0,1fr))!important}

.desktop-nav .dropbtn.is-active{color:#fff!important;background:var(--jc-brand)!important}
.desktop-nav .nav-link.is-active{color:#fff!important;background:var(--jc-brand)!important}
.desktop-nav .nav-link--start.is-active{color:#fff!important;background:var(--jc-brand)!important;border-color:var(--jc-brand)!important;box-shadow:0 0 0 3px rgba(18,42,102,.15)}

@media(max-width:760px){
  .employers-page .employer-control-center{width:calc(100% - 20px);margin-top:12px}
  .employers-page .employer-overview-hero{border-radius:14px;padding:30px 20px!important}
  .plans--employer{grid-template-columns:1fr!important}
  .pricing-audience-section{margin-top:48px;padding-top:46px}
}

/* July 2026 pricing/header fit and dropdown contrast fixes */
.pricing-section-head{
  height:auto;
  min-height:0;
  overflow:visible;
  padding:clamp(22px,3vw,30px) 20px;
}
.pricing-section-head p{
  max-width:min(820px,100%);
  overflow-wrap:break-word;
  text-wrap:balance;
}
.ud-cta,
.ud-cta:visited,
.ud-cta:hover,
.ud-cta:focus-visible{
  color:#fff!important;
}