/*
  Sakhi Manpower Design System — Public marketing site
  Nav, hero, service/job cards, footer. Reads tokens.css.
*/
.public-site{background:linear-gradient(180deg,#fff 0%,#fff 55%,var(--color-surface-2) 100%);color:var(--color-text)}
.public-top-strip{background:var(--color-primary-dark);color:#EDE7FF;font-size:.85rem;padding:.5rem 0}
.public-nav{background:#fff;box-shadow:0 10px 30px rgba(36,16,79,.06);border-bottom:1px solid var(--color-border);z-index:1020;transition:box-shadow var(--duration-base)}
.public-nav.scrolled{box-shadow:0 14px 36px rgba(36,16,79,.12)}
.public-brand{display:flex;align-items:center;gap:var(--space-3);font-weight:var(--font-weight-black);color:var(--color-text)!important;letter-spacing:-.02em}
.public-brand small{display:block;font-size:.68rem;color:var(--color-text-secondary);font-weight:var(--font-weight-bold)}
.brand-logo,.footer-mark{width:44px;height:44px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 14px 26px rgba(91,44,201,.25)}
.public-nav .nav-link{font-weight:var(--font-weight-bold);color:#372B50!important;border-radius:var(--radius-pill);padding:.55rem .85rem!important}
.public-nav .nav-link:hover,.public-nav .nav-link.active{background:var(--color-surface-2);color:var(--color-primary)!important}
.public-nav .dropdown-menu{border:1px solid var(--color-border)!important;box-shadow:var(--shadow-lg)!important;border-radius:var(--radius-lg)!important}

/* Hero */
.public-hero{position:relative;overflow:hidden;padding:96px 0;background:radial-gradient(circle at 85% 15%,rgba(91,44,201,.14),transparent 32%),linear-gradient(135deg,#fff 0%,#fff 45%,var(--color-surface-2) 100%)}
.public-hero h1{font-size:var(--font-size-3xl);line-height:1.03;letter-spacing:-.03em;color:var(--color-primary-dark);max-width:780px}
.public-hero .lead{color:var(--color-text-secondary);font-size:1.1rem;max-width:640px;line-height:1.75}
.trust-row{display:flex;gap:var(--space-3);flex-wrap:wrap}
.trust-row span{background:#fff;border:1px solid var(--color-border);color:#372B50;padding:.6rem .85rem;border-radius:var(--radius-pill);font-weight:var(--font-weight-black);font-size:.85rem;box-shadow:var(--shadow-sm)}
.trust-row i{color:var(--color-success);margin-right:6px}
.hero-glass-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-5)}
.premium-stat{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}
.premium-stat strong{color:var(--color-primary);font-size:1.7rem;font-weight:var(--font-weight-black);display:block}
.premium-stat span{color:var(--color-text-secondary);font-weight:var(--font-weight-bold);font-size:.85rem}

/* Inner page hero (shorter than the home hero) */
.page-hero{position:relative;overflow:hidden;padding:64px 0;background:radial-gradient(circle at right top,rgba(91,44,201,.14),transparent 30%),linear-gradient(135deg,#fff,var(--color-surface-2));color:var(--color-text)}
.page-hero h1{font-weight:var(--font-weight-black);font-size:clamp(1.9rem,4vw,2.8rem);letter-spacing:-.03em;max-width:760px;color:var(--color-primary-dark)}
.page-hero p{font-size:1.05rem;color:var(--color-text-secondary);max-width:680px}

/* Landing page (full lead-capture layout) */
.landing-hero{min-height:calc(100vh - 120px);display:flex;align-items:center}
.landing-points{list-style:none;padding:0;margin:0 0 var(--space-5);display:grid;gap:var(--space-3)}
.landing-points li{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-black)}
.landing-points i{color:var(--color-accent)}

/* Sections / cards */
.public-section{padding:72px 0}
.public-section.bg-soft{background:var(--color-surface-2)}
.section-title{text-align:center;max-width:720px;margin:0 auto 36px}
.section-title h2{font-size:clamp(1.8rem,3.6vw,2.6rem);letter-spacing:-.03em;color:var(--color-primary-dark)}
.section-title p{color:var(--color-text-secondary)}
.feature-card,.service-card,.job-card,.side-card,.blog-card,.content-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5);height:100%;transition:transform var(--duration-base),box-shadow var(--duration-base),border-color var(--duration-base)}
.feature-card:hover,.service-card:hover,.job-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}
.icon-pill{width:56px;height:56px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:var(--space-4)}
.feature-card h4,.service-card h4,.service-card h5,.job-card h4,.job-card h5{font-weight:var(--font-weight-black);color:var(--color-primary-dark)}
.feature-card p,.service-card p,.job-card p{color:var(--color-text-secondary)}
.salary-line{font-weight:var(--font-weight-black);color:var(--color-primary-dark)}
.workflow-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3)}
.workflow-steps div{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;box-shadow:var(--shadow-sm)}
.workflow-steps b{display:block;color:var(--color-primary);font-size:1.6rem}
.check-list{list-style:none;padding:0;margin:0}
.check-list li{padding:.65rem 0;border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}
.check-list li:before{content:'\2713';display:inline-flex;width:22px;height:22px;border-radius:999px;background:var(--color-success-bg);color:var(--color-success);align-items:center;justify-content:center;margin-right:var(--space-2);font-weight:var(--font-weight-black)}
.process-list{display:grid;gap:var(--space-3)}
.process-list>div{display:flex;align-items:center;gap:var(--space-3);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}
.process-list b{width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex:none}
.process-list span{font-weight:var(--font-weight-bold);color:var(--color-text)}
.mini-value{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}
.mini-value b{color:var(--color-primary);display:block;font-size:1.4rem}
.mini-value span{font-weight:var(--font-weight-bold);color:var(--color-text-secondary)}

/* CTA + footer */
.public-cta-band{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));color:#fff;padding:60px 0}
.public-cta-band h2{letter-spacing:-.03em;color:#fff}
.public-cta-band p{color:rgba(255,255,255,.78)}
.public-footer{background:var(--color-primary-dark);color:#DCD4EF}
.public-footer h5,.public-footer h6{color:#fff}
.public-footer a{display:block;color:#D9CFF7;text-decoration:none;margin:.4rem 0}
.public-footer a:hover{color:#fff;transform:translateX(3px)}
.public-footer .small a{display:inline;margin:0}
.public-footer .small a:hover{transform:none}
.social-dot{width:36px;height:36px;border-radius:999px;background:rgba(255,255,255,.1);display:inline-flex!important;align-items:center;justify-content:center}
.whatsapp-float{position:fixed;right:22px;bottom:22px;background:var(--color-success);color:#fff;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.7rem;box-shadow:0 20px 40px rgba(13,139,84,.3);z-index:99}
.mobile-sticky-cta{display:none}

/* ============ Conversion-focused pages: home, employers, job-seekers, jobs listing ============ */
.p46-hero{position:relative;overflow:hidden;padding:80px 0 60px;background:radial-gradient(circle at 85% 10%,rgba(91,44,201,.14),transparent 32%),linear-gradient(135deg,#fff 0%,#fff 45%,var(--color-surface-2) 100%)}
.p46-hero h1{font-size:var(--font-size-3xl);line-height:1.05;letter-spacing:-.03em;color:var(--color-primary-dark)}
.p46-hero .lead{color:var(--color-text-secondary);font-size:1.1rem;max-width:600px}
.p46-page-hero{padding:64px 0;background:radial-gradient(circle at right top,rgba(91,44,201,.14),transparent 30%),linear-gradient(135deg,#fff,var(--color-surface-2));color:var(--color-primary-dark)}
.p46-page-hero h1{font-weight:var(--font-weight-black);letter-spacing:-.03em}
.p46-kicker{display:inline-flex;align-items:center;gap:var(--space-2);border:1px solid var(--color-border);background:#fff;color:var(--color-primary);border-radius:var(--radius-pill);padding:.42rem .72rem;font-weight:var(--font-weight-black);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em}
.p46-cta-row{display:flex;gap:var(--space-3);flex-wrap:wrap;margin:var(--space-4) 0}
.p46-btn-primary,.p46-btn-secondary{display:inline-flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);padding:.85rem 1.4rem;font-weight:var(--font-weight-black);text-decoration:none;transition:transform var(--duration-fast),box-shadow var(--duration-fast)}
.p46-btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 14px 30px rgba(91,44,201,.24)}
.p46-btn-primary:hover{transform:translateY(-2px);color:#fff}
.p46-btn-secondary{background:#fff;color:var(--color-primary);border:1px solid var(--color-border-strong)}
.p46-btn-secondary:hover{background:var(--color-surface-2);transform:translateY(-2px);color:var(--color-primary)}
.p46-trust-list{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-4)}
.p46-trust-list span{font-weight:var(--font-weight-bold);color:var(--color-text)}
.p46-trust-list i{color:var(--color-success);margin-right:6px}
.p46-conversion-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-5)}
.p46-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:var(--space-4)}
.p46-choice{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--color-text);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);transition:transform var(--duration-fast),background var(--duration-fast)}
.p46-choice:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px)}
.p46-choice i{color:var(--color-primary);font-size:1.2rem}
.p46-choice:hover i{color:#fff}
.p46-choice strong{font-size:.92rem}
.p46-choice small{opacity:.75}

.p46-stat-strip{padding:var(--space-5) 0}
.p46-stat-shell{background:var(--color-primary-dark);border-radius:var(--radius-xl);padding:var(--space-6)}
.p46-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);text-align:center}
.p46-stat strong{display:block;font-size:2rem;font-weight:var(--font-weight-black);color:#fff}
.p46-stat span{color:var(--color-text-on-dark);font-weight:var(--font-weight-bold);font-size:.85rem}

.p46-section{padding:64px 0}
.p46-section-soft{background:var(--color-surface-2)}
.p46-section-head{max-width:680px;margin-bottom:var(--space-5)}
.p46-section-head.center{text-align:center;margin-left:auto;margin-right:auto}
.p46-section-head span{color:var(--color-primary);font-weight:var(--font-weight-black);text-transform:uppercase;font-size:var(--font-size-xs);letter-spacing:.06em}
.p46-section-head h2{font-size:clamp(1.7rem,3.4vw,2.4rem);letter-spacing:-.03em;color:var(--color-primary-dark);margin:var(--space-2) 0}
.p46-section-head p{color:var(--color-text-secondary)}

.p46-audience-grid,.p46-industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}
.p46-industry-grid{grid-template-columns:repeat(4,1fr)}
.p46-audience-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:transform var(--duration-base),box-shadow var(--duration-base)}
.p46-audience-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.p46-audience-icon{width:52px;height:52px;border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-primary);display:grid;place-items:center;font-size:1.3rem;margin-bottom:var(--space-3)}
.p46-audience-card h3{font-weight:var(--font-weight-black);color:var(--color-primary-dark);font-size:1.1rem}
.p46-text-link{color:var(--color-primary);font-weight:var(--font-weight-black);text-decoration:none}
.p46-industry{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;box-shadow:var(--shadow-sm)}
.p46-industry i{font-size:1.5rem;color:var(--color-primary);display:block;margin-bottom:var(--space-2)}
.p46-industry strong{font-weight:var(--font-weight-bold);font-size:.88rem}

.p46-process{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3)}
.p46-process-step{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;box-shadow:var(--shadow-sm)}
.p46-process-step b{display:block;color:var(--color-primary);font-size:1.6rem;font-weight:var(--font-weight-black)}
.p46-process-step strong{display:block;font-weight:var(--font-weight-black);color:var(--color-primary-dark);margin:4px 0}
.p46-process-step span{color:var(--color-text-secondary);font-size:.85rem}

.p46-employer-band{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));border-radius:var(--radius-xl);padding:var(--space-6);color:#fff}
.p46-employer-band h2{color:#fff}
.p46-employer-band p{color:var(--color-text-on-dark)}

.p46-job-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}
.p46-job-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-2);transition:transform var(--duration-base),box-shadow var(--duration-base)}
.p46-job-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.p46-job-card h3{font-size:1.05rem;font-weight:var(--font-weight-black);color:var(--color-primary-dark);margin:0}
.p46-job-meta{display:flex;gap:var(--space-3);color:var(--color-text-secondary);font-size:.82rem;flex-wrap:wrap}
.p46-job-actions{margin-top:auto;display:flex}
.p46-filter-bar{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4);margin-bottom:var(--space-4)}

.p46-proof-row{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}
.p46-proof{display:flex;align-items:center;gap:var(--space-3)}
.p46-proof i{width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-primary);display:grid;place-items:center;flex:none}
.p46-proof strong{display:block;color:var(--color-text)}
.p46-proof span{color:var(--color-text-secondary);font-size:.85rem}

.p46-benefit-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);text-align:center;height:100%}
.p46-benefit-card i{font-size:1.5rem;color:var(--color-primary);margin-bottom:var(--space-2);display:block}
.p46-benefit-card ul{display:inline-block;text-align:left;padding-left:1.25rem;margin:0 0 var(--space-4)}
.p46-benefit-card li{margin-bottom:.4rem;color:var(--color-text-secondary)}
.p46-short-form{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-5)}

@media (max-width:991px){
  .public-hero{padding:70px 0}
  .workflow-steps{grid-template-columns:1fr}
  .p46-audience-grid{grid-template-columns:1fr 1fr}
  .p46-industry-grid{grid-template-columns:repeat(2,1fr)}
  .p46-process{grid-template-columns:repeat(2,1fr)}
  .p46-job-grid{grid-template-columns:1fr 1fr}
  .p46-stats{grid-template-columns:1fr 1fr}
  .p46-choice-grid{grid-template-columns:1fr}
}
@media (max-width:767px){
  .p46-audience-grid,.p46-industry-grid,.p46-process,.p46-job-grid{grid-template-columns:1fr}
  .p46-hero{padding:48px 0 32px}
}
@media (max-width:767px){
  .public-top-strip{display:none!important}
  .public-hero .btn{width:100%;justify-content:center}
  .mobile-sticky-cta{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1000;background:#fff;border-top:1px solid var(--color-border);box-shadow:0 -10px 30px rgba(36,16,79,.1)}
  .mobile-sticky-cta a{flex:1;text-align:center;padding:14px;font-weight:var(--font-weight-black);text-decoration:none}
  .mobile-sticky-cta a.hire{color:#fff;background:var(--color-primary)}
  .mobile-sticky-cta a.job{color:var(--color-primary)}
}