/* Shared public website layout. Native Flutter styling is untouched. */
:root{--wrap:1320px;--radius:14px;--radius-sm:10px;--shadow:0 6px 24px #123b3010;--bg:#fafcfb}
body{background:var(--bg);color:#14372e}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #148e75;outline-offset:4px}[hidden]{display:none!important}
.topbar{background:#fff;backdrop-filter:none;border-bottom:1px solid #e3ebe7}.nav{height:80px;gap:22px}.brand img{object-fit:contain;width:174px;height:54px}.desktop-nav{display:flex;gap:20px;align-items:center;font-size:13px;font-weight:650}.desktop-nav a{white-space:nowrap}.desktop-nav a:hover{color:#07846c}.desktop-nav .btn:hover{color:white}.language-toggle{border:0;background:transparent;color:#0b6a5e;padding:10px 0}.login-link{border-left:1px solid #dce8e4;padding-left:18px}.menu-toggle{display:none;background:white;border:1px solid #dce8e4;border-radius:8px;padding:8px 12px}.btn,.nav-links a{border-radius:8px;padding:12px 20px;font-size:14px}.btn.primary,.nav-links .primary{background:#087963;box-shadow:none;border:1px solid #087963}.btn.primary:hover{background:#075c4c}.btn.ghost{border-color:#bed1c8}.page main{padding:0 0 64px}.wrap{padding-left:32px;padding-right:32px}.home h1,.home h2,.home h3{letter-spacing:-.035em}.home h2{font-size:clamp(24px,2.6vw,32px);line-height:1.22;margin:0 0 14px}.home p{color:#526b61}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.13em!important;color:#087963!important;margin:0 0 18px}
.marketplace-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center;padding-top:64px;padding-bottom:48px}.hero-copy h1{font-size:clamp(40px,4.25vw,64px);line-height:1.08;margin:0 0 24px;font-weight:750}.hero-copy h1 em{font-style:normal;color:#0a8a6d}.intro{font-size:17px;max-width:490px;line-height:1.65}.cta-row{margin-top:24px;gap:12px}.hero-note{font-size:12px;margin-top:22px}.opportunity-board{border:1px solid #dce8e1;background:#eff6f1;border-radius:16px;overflow:hidden}.board-heading{display:flex;align-items:center;gap:8px;padding:18px 22px;font-size:12px;font-weight:650;border-bottom:1px solid #dce8e1}.status-dot{width:7px;height:7px;border-radius:50%;background:#087963}.workers-art{width:100%;height:290px;object-fit:cover;object-position:center}.board-bottom{background:white;padding:20px;display:flex;align-items:center;justify-content:space-between}.board-bottom strong{font-size:16px}.board-bottom p{font-size:12px;margin:5px 0 0}.board-bottom>a{width:36px;height:36px;background:#edf6f1;border-radius:50%;text-align:center;line-height:36px}
.search-workspace{display:flex;align-items:center;gap:28px;padding:24px;border:1px solid #dce8e1;border-radius:12px;background:white;box-shadow:0 5px 16px #18352a06}.search-workspace h2{font-size:18px;margin:0 0 6px}.search-workspace p{font-size:12px;margin:0}.directory-search{display:flex;align-items:end;gap:16px;flex:1}.directory-search label{flex:1;font-size:12px;font-weight:700;min-width:0}.directory-search select{display:block;width:100%;border:1px solid #dce8e1;border-radius:6px;background:#fafcfb;padding:11px 10px;margin-top:7px;color:#315346;font-size:14px}.directory-search button{white-space:nowrap}
.home .section{padding-top:56px;padding-bottom:0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:24px}.section-heading .eyebrow{margin-bottom:10px}.section-heading h2{margin:0}.section-heading>a{color:#087963;font-size:13px;font-weight:700}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category{display:flex;align-items:center;gap:12px;border:1px solid #dce8e1;background:#fff;border-radius:10px;padding:18px;font-size:14px;transition:border-color .15s,background .15s}.category:hover{border-color:#087963;background:#f1f8f4}.category>span:last-child{margin-left:auto;color:#67887a}.category-icon{background:#eff6f1;border-radius:8px;width:36px;height:36px;display:grid;place-items:center;font-size:20px}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.audience-card{border:1px solid #dce8e1;background:white;border-radius:12px;padding:32px}.audience-card p{max-width:45ch;font-size:15px}.audience-card.recruiter{background:#eff6f1}.text-action{font-weight:700;color:#087963;font-size:14px;display:inline-block;margin-top:12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.steps article{padding:8px 24px 8px 0}.step-number{color:#087963;background:#edf4ef;border-radius:8px;display:inline-block;padding:7px 12px;font-weight:700;font-size:13px}.steps h3{font-size:19px;margin:18px 0 8px}.steps p{font-size:14px;margin:0}.trust-note{font-size:13px;color:#526b61;padding-top:24px;margin-top:24px;border-top:1px solid #dce8e1}.app-banner{display:flex;align-items:center;justify-content:space-between;gap:40px;background:#edf4ef;border-radius:16px;padding:40px 56px;overflow:hidden}.app-banner p{font-size:14px}.store-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}.store-label{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #ccddd2;border-radius:8px;padding:12px 18px;font-weight:700;font-size:13px}.store-label small{display:block;font-weight:500;color:#597266;font-size:11px}.store-label img{object-fit:contain}.small-previews{display:flex;gap:16px;align-items:center;flex-shrink:0}.small-previews img{width:130px;height:274px;object-fit:cover;object-position:top;border:4px solid #183f31;border-radius:18px;box-shadow:0 8px 20px #123b3010}.small-previews img:nth-child(2){margin-top:32px}.support-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:56px}.support-strip h2{font-size:25px;margin-bottom:8px}.support-strip p{font-size:14px;margin:0}.footer{background:white;border-top:1px solid #e0e9e3;padding:40px 0 20px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}.footer h3{font-size:13px}.footer p,.footer a,.footer-bottom{font-size:12px}.footer-grid>div>a:not(.brand){display:block;margin:10px 0}.footer-bottom{justify-content:start;gap:4px;margin-top:32px}.skip-link{position:fixed;top:-100px;left:10px;padding:10px;background:white;z-index:100}.skip-link:focus{top:10px}
/* Public subpages retain their content and use the same density and surfaces. */
.page:not(.home) main{padding-top:32px}.hero-card{background:#eef6f1;color:#14372e;border-radius:16px;box-shadow:none;padding:32px}.hero-card::before,.hero-card::after{display:none}.hero-card h1{max-width:18ch;font-size:clamp(32px,4vw,52px);line-height:1.1}.hero-card p.lead{color:#526b61}.hero-card .badge{color:#087963;background:#fff;border-color:#dce8e1}.panel,.card{background:white;border:1px solid #dce8e1;border-radius:12px;box-shadow:none;backdrop-filter:none}.cta-band{background:#eff6f1;color:#14372e;border-radius:12px}.cta-band p,.cta-band .kicker{color:#526b61!important}.btn.lime{background:#087963;color:white;box-shadow:none}[data-reveal]{opacity:1;transform:none}
html.app-mode #appBoot{display:block;background:#fafcfb}#appBoot .boot-layout{width:100%}#appBoot img{width:174px;margin:0;height:54px}#appBoot .boot-content{padding-top:64px}#appBoot h1{font-size:30px;font-weight:650}#appBoot .boot-skeleton{display:grid;grid-template-columns:220px 1fr 280px;gap:24px;margin-top:32px}#appBoot .boot-skeleton div{height:240px;border:1px solid #e0e9e3;border-radius:12px;background:linear-gradient(100deg,#edf2ef 30%,#fafcfb 50%,#edf2ef 70%);background-size:220% 100%;animation:skeleton 1.8s ease-in-out infinite}#appBoot #boot-error{margin-top:24px;color:#526b61}#appBoot a{color:#087963;text-decoration:underline}@keyframes skeleton{to{background-position:-220% 0}}
@media(min-width:1440px){:root{--wrap:1360px}}
@media(max-width:1199px){.desktop-nav{gap:12px;font-size:12px}.nav{gap:12px}.brand img{width:145px}.desktop-nav .btn{padding:10px 12px}.marketplace-hero{gap:32px}.search-workspace{display:block}.directory-search{margin-top:16px}.app-banner{padding:32px}.login-link{padding-left:12px}}
@media(max-width:991px){.menu-toggle{display:block}.desktop-nav{display:none;position:absolute;top:72px;left:0;right:0;padding:24px;background:white;border-bottom:1px solid #dce8e1;box-shadow:0 10px 15px #123b3010;flex-wrap:wrap;gap:22px}.desktop-nav.is-open{display:flex}.nav{height:72px}.marketplace-hero{gap:24px;padding-top:40px}.hero-copy h1{font-size:42px}.workers-art{height:230px}.category-grid{grid-template-columns:repeat(2,1fr)}.app-banner{gap:24px}.small-previews img{width:108px;height:230px}.small-previews{gap:8px}#appBoot .boot-skeleton{grid-template-columns:180px 1fr}#appBoot .boot-skeleton div:last-child{display:none}}
@media(max-width:767px){.wrap{padding-left:20px;padding-right:20px}.marketplace-hero{grid-template-columns:1fr;padding-top:32px;padding-bottom:28px}.hero-copy h1{font-size:44px}.opportunity-board{max-width:100%}.workers-art{height:230px}.directory-search{flex-direction:column;align-items:stretch;gap:12px}.search-workspace{padding:20px}.section-heading{align-items:start;flex-direction:column}.home .section{padding-top:40px}.category{padding:12px;gap:8px;font-size:12px}.category-icon{width:28px;height:28px;flex-shrink:0}.category-grid{gap:10px}.audience-grid,.steps{grid-template-columns:1fr;gap:16px}.audience-card{padding:24px}.steps article{padding:0}.app-banner{flex-direction:column;align-items:start;padding:24px}.small-previews{align-self:center}.small-previews img{width:116px;height:242px}.support-strip{align-items:start;flex-direction:column;padding-top:40px}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-grid>div:first-child{grid-column:1/-1}#appBoot .boot-content{padding-top:36px}#appBoot .boot-skeleton{grid-template-columns:1fr}#appBoot .boot-skeleton div:not(:first-child){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.wrap{max-width:var(--wrap)}.workers-art{object-fit:contain}.page:not(.home) .hero-card{min-height:auto}

/* 2026-09 premium public-home refinement */
.topbar{position:sticky;top:0;z-index:50;transition:box-shadow .22s ease,border-color .22s ease,background .22s ease}.topbar.is-scrolled{box-shadow:0 10px 30px rgba(13,47,38,.08);border-color:transparent;background:rgba(255,255,255,.96)}
.home .marketplace-hero{min-height:620px}.hero-copy{max-width:640px}.hero-copy .intro{max-width:610px;font-size:18px}.hero-trust{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:24px;color:#547166;font-size:12px;font-weight:650}.hero-trust span{display:inline-flex;align-items:center;gap:6px}.btn.text-button{background:transparent;color:#087963;border-color:transparent;padding-left:8px;padding-right:8px}.btn.text-button:hover{background:#eff7f3}.opportunity-board{position:relative;box-shadow:0 24px 65px rgba(24,63,49,.10)}.opportunity-board::after{content:"";position:absolute;inset:auto 26px 26px auto;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle,#b8f2d7 0,#b8f2d700 68%);pointer-events:none}.workers-art{background:linear-gradient(145deg,#eff7f3,#f9fbfa)}
.app-intro-strip{margin-top:6px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:18px;padding-bottom:18px;border-top:1px solid #e1ebe6;border-bottom:1px solid #e1ebe6}.app-intro-copy{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.app-intro-copy strong{font-size:14px}.app-intro-copy>span:last-child{font-size:12px;color:#647d72}.mini-badge{display:inline-flex;align-items:center;width:max-content;padding:6px 9px;border:1px solid #cfe0d8;border-radius:999px;background:#f5faf7;color:#087963;font-size:10px;font-weight:800;letter-spacing:.09em}.app-platforms{display:flex;gap:10px;flex-wrap:wrap}.app-platforms>span{background:#fff;border:1px solid #dce8e1;border-radius:9px;padding:9px 12px;font-size:11px;color:#526b61}.app-platforms b{color:#183f31}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{position:relative;border:1px solid #dce8e1;background:#fff;border-radius:14px;padding:24px;min-height:210px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.feature-card:hover{transform:translateY(-3px);border-color:#b7d2c6;box-shadow:0 16px 38px rgba(24,63,49,.08)}.feature-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eef7f2;color:#087963;font-size:18px}.feature-card h3{font-size:17px;margin:20px 0 8px}.feature-card p{font-size:13px;line-height:1.6;margin:0 0 22px}.feature-card a{position:absolute;bottom:22px;color:#087963;font-size:12px;font-weight:800}
.discovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.discovery-card{position:relative;overflow:hidden;min-height:285px;border-radius:16px;padding:34px;border:1px solid #dbe8e2;transition:transform .22s ease,box-shadow .22s ease}.discovery-card:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(24,63,49,.10)}.discovery-card.jobseeker{background:linear-gradient(140deg,#f6fbf8,#eaf6f0)}.discovery-card.recruiter{background:linear-gradient(140deg,#143f34,#0b6f5d);color:#fff;border-color:#0b6f5d}.discovery-card h3{max-width:17ch;font-size:30px;line-height:1.15;margin:24px 0 12px}.discovery-card p{max-width:55ch;line-height:1.6}.discovery-card.recruiter p{color:#d6e9e1}.discovery-card.recruiter .mini-badge{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#dff8ec}.card-action{display:inline-block;margin-top:22px;font-weight:800;font-size:13px}.discovery-card.recruiter .card-action{color:#fff}
.premium-preview{padding-bottom:12px}.preview-shell{display:grid;grid-template-columns:1fr .9fr;gap:54px;align-items:center;background:#f2f8f5;border:1px solid #d8e7df;border-radius:18px;padding:48px 54px;overflow:hidden}.preview-copy p:not(.eyebrow){max-width:58ch;line-height:1.65}.preview-actions{display:flex;gap:12px;margin-top:24px}.ui-stack{position:relative;min-height:280px}.ui-card{position:absolute;background:#fff;border:1px solid #dbe8e1;border-radius:13px;box-shadow:0 18px 44px rgba(19,54,43,.10);padding:18px}.ui-card strong,.ui-card small{display:block}.ui-card small{margin-top:6px;color:#71877d;font-size:11px}.ui-job{left:0;top:26px;width:72%;transform:rotate(-2deg)}.ui-profile{right:0;top:112px;width:78%;display:flex;align-items:center;gap:12px;transform:rotate(2deg)}.ui-status{left:12%;bottom:0;width:70%}.ui-label{display:block;color:#087963;font-size:9px;letter-spacing:.1em;font-weight:850;margin-bottom:10px}.avatar-dot{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e7f5ed;color:#087963;font-weight:800}.verified{margin-left:auto;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#0a8a6d;color:#fff;font-size:12px}.status-line{display:flex;gap:4px;margin-top:14px}.status-line i{display:block;height:4px;flex:1;border-radius:4px;background:#cfe1d8}.status-line i:nth-child(-n+2){background:#0b8a6e}
.home [data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1)}.home [data-reveal].seen{opacity:1;transform:none}.home .category,.home .btn,.home .text-action,.home .board-bottom>a{transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.home .category:hover,.home .btn:hover,.home .board-bottom>a:hover{transform:translateY(-2px)}
@media(max-width:1199px){.feature-grid{grid-template-columns:repeat(2,1fr)}.preview-shell{gap:32px;padding:36px}.home .marketplace-hero{min-height:auto}}
@media(max-width:767px){.app-intro-strip{align-items:flex-start;flex-direction:column}.feature-grid,.discovery-grid,.preview-shell{grid-template-columns:1fr}.feature-card{min-height:190px}.discovery-card{min-height:auto;padding:26px}.discovery-card h3{font-size:25px}.preview-shell{padding:26px}.ui-stack{min-height:255px}.hero-trust{display:grid;gap:8px}.hero-copy .cta-row{flex-wrap:wrap}.home .marketplace-hero{min-height:auto}}
@media(prefers-reduced-motion:reduce){.home [data-reveal]{opacity:1!important;transform:none!important}}
/* Coordinated directory, help and policy pages. */
body.page:not(.market-page){background:#f7f9f7;color:#152724}.page:not(.market-page) .wrap{max-width:1304px}.page:not(.market-page) .nav{height:76px}.page:not(.market-page) .brand img{width:158px;height:auto}.page:not(.market-page) .hero-grid{gap:24px;margin-bottom:30px}.page:not(.market-page) .hero-card{padding:32px;border-radius:10px;box-shadow:none;background:#083e3a}.page:not(.market-page) .hero-card h1{font-size:clamp(30px,3.2vw,44px);line-height:1.13;letter-spacing:-1.2px}.page:not(.market-page) .hero-card .lead{font-size:15px;line-height:1.65}.page:not(.market-page) .panel,.page:not(.market-page) .card{border-radius:10px;box-shadow:none}.page:not(.market-page) .section{padding-block:28px}.page:not(.market-page) .crumb{padding-block:20px}.page:not(.market-page) .btn{min-height:42px;padding:10px 16px}.page:not(.market-page) .chip{border-radius:6px}.page:not(.market-page) h2{font-size:25px;letter-spacing:-.6px}.page:not(.market-page) .desktop-nav{gap:18px}.page:not(.market-page) [data-reveal]{opacity:1;transform:none}
@media(min-width:901px){.page:not(.market-page) .desktop-nav a[href='/#how-it-works'],.page:not(.market-page) .desktop-nav a[href='/#recruiters']{display:none}}
@font-face{font-family:'JobJeeni Hindi';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/hindi-regular.woff2') format('woff2')}@font-face{font-family:'JobJeeni Hindi';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/hindi-bold.woff2') format('woff2')}body.page,html[lang='hi'] body.page{font-family:Inter,Arial,'JobJeeni Hindi',sans-serif}.language-toggle{font-family:Arial,'JobJeeni Hindi',sans-serif}html[lang='hi'] h1,html[lang='hi'] h2{line-height:1.4;letter-spacing:0}

/* --------------------------------------------------------------------------
   v4 — Directory + support visual polish
   Fixes dark-on-dark hero text and makes Jobs/Workers pages more compact,
   premium and consistent with the JobJeeni public home experience.
   -------------------------------------------------------------------------- */
body.directory-page{
  background:linear-gradient(180deg,#fbfdfc 0,#f6f9f7 46%,#fff 100%);
  color:#112c27;
}
.directory-page .topbar{
  background:rgba(255,255,255,.96);
  border-bottom:1px solid #e4ece8;
  box-shadow:0 1px 0 rgba(12,63,52,.02);
}
.directory-page .desktop-nav a{
  color:#183b34;
  font-weight:700;
  position:relative;
}
.directory-page .desktop-nav a.is-active{color:#07846c}
.directory-page .desktop-nav a.is-active::after{
  content:"";position:absolute;left:0;right:0;bottom:-16px;height:2px;
  background:#07846c;border-radius:2px;
}
.directory-page main{padding:18px 0 68px}
.directory-page .wrap{max-width:1240px}
.directory-page .crumb{padding:14px 0 18px;margin:0;font-size:12px;color:#72827d}
.directory-page .crumb a{color:#087963;font-weight:750}
.directory-page .hero-grid{
  grid-template-columns:minmax(0,.94fr) minmax(520px,1.06fr);
  gap:18px;align-items:stretch;margin-bottom:18px;
}
.directory-page .hero-card{
  min-height:360px!important;
  padding:38px 38px 34px!important;
  border-radius:20px!important;
  background:linear-gradient(140deg,#073d36 0%,#075e54 52%,#0b8a76 100%)!important;
  color:#fff!important;
  box-shadow:0 18px 46px rgba(7,76,65,.14)!important;
  border:1px solid rgba(255,255,255,.06);
}
.directory-page .hero-card::before{
  display:block!important;content:"";position:absolute;width:300px;height:300px;
  right:-110px;top:-120px;border-radius:50%;filter:none;opacity:1;
  background:radial-gradient(circle,rgba(216,255,179,.20) 0%,rgba(216,255,179,0) 68%);
}
.directory-page .hero-card::after{
  display:block!important;content:"";position:absolute;width:260px;height:260px;
  left:-120px;bottom:-150px;border-radius:50%;filter:none;opacity:1;
  background:radial-gradient(circle,rgba(255,255,255,.10) 0%,rgba(255,255,255,0) 68%);
}
.directory-page .hero-card h1{
  color:#fff!important;font-size:clamp(36px,3.4vw,50px)!important;line-height:1.03!important;
  letter-spacing:-1.8px!important;max-width:11ch!important;margin:14px 0 16px!important;
  text-wrap:balance;
}
.directory-page .hero-card p.lead{
  color:rgba(255,255,255,.84)!important;font-size:15px!important;line-height:1.65!important;
  max-width:54ch;margin-bottom:0!important;
}
.directory-page .hero-card .badge{
  color:#e9fff8!important;background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.18)!important;backdrop-filter:blur(8px);
}
.directory-page .hero-card .btn.lime{
  background:#e1ff9d!important;color:#12352e!important;border:1px solid #e1ff9d!important;
  box-shadow:0 12px 26px rgba(18,56,47,.16)!important;
}
.directory-page .hero-card .btn.lime:hover{background:#f0ffc9!important}
.directory-page .hero-card .btn.ghost{
  color:#fff!important;background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.25)!important;
}
.directory-page .hero-card .btn.ghost:hover{background:rgba(255,255,255,.16)!important}
.directory-page .cta-row{margin-top:26px}
.directory-page .hero-panel{gap:14px}
.directory-page .panel{
  border:1px solid #dce8e3;border-radius:18px!important;background:#fff;
  box-shadow:0 12px 34px rgba(16,68,56,.045)!important;
}
.directory-page .search-panel{padding:26px}
.directory-page .panel-title{margin-bottom:15px}
.directory-page .panel-title h2{font-size:24px!important;color:#142f2a;letter-spacing:-.6px}
.directory-page .panel-title span{font-size:12px;color:#778782}
.directory-page .quick-links{gap:8px;margin-top:8px}
.directory-page .chip{
  border-radius:10px!important;padding:10px 12px;background:#fbfdfc;color:#21413a;
  border:1px solid #dbe7e2;font-size:12.5px;font-weight:750;transition:.18s ease;
}
.directory-page .chip:hover{
  background:#edf8f3;border-color:#9fcfc0;color:#066f5d;transform:translateY(-1px);
}
.directory-page .glass-card{padding:20px 24px}
.directory-page .city-list{gap:8px}
.directory-page .city-list a{
  border-radius:10px;padding:10px 13px;box-shadow:none;background:#fbfdfc;
  font-size:13px;
}
.directory-page .floating-list{grid-template-columns:1fr;gap:8px}
.directory-page .mini-row{padding:11px 13px;border-radius:11px;background:#fbfdfc}
.directory-page .mini-row strong{font-size:13px}.directory-page .mini-row span{font-size:11.5px}
.directory-page .section{padding:36px 0 18px!important}
.directory-page .section-title{margin-bottom:18px}
.directory-page .section-title h2{font-size:28px!important;color:#14322c}
.directory-page .section-title p{font-size:13px;max-width:720px}
.directory-page .grid-4{gap:12px}
.directory-page .card{
  border-radius:14px!important;padding:20px!important;border:1px solid #dfe9e5;
  box-shadow:0 8px 24px rgba(17,65,54,.03)!important;transition:.18s ease;
}
.directory-page a.card:hover{
  border-color:#b5d7cc;box-shadow:0 14px 30px rgba(17,65,54,.07)!important;transform:translateY(-2px);
}
.directory-page .icon-bubble{width:42px;height:42px;border-radius:11px;font-size:19px;margin-bottom:13px}
.directory-page .card h3{font-size:15px;margin-bottom:6px}.directory-page .card p{font-size:12.5px;line-height:1.5}
.directory-page .api-catalog-section{padding-top:30px!important}
.directory-page .footer{margin-top:42px;background:#fff}

/* Support page: isolate it from generic desktop .brand rules and tighten layout. */
.support-page{background:linear-gradient(180deg,#f9fbfa,#f4f8f6 50%,#fff)!important}
.support-page .top{background:rgba(255,255,255,.96)!important;box-shadow:0 1px 0 rgba(14,58,50,.03)}
.support-page .nav{max-width:1240px!important;padding:13px 24px!important;min-height:74px}
.support-page .brand{gap:11px!important}
.support-page .brand .brand-icon{width:44px!important;height:44px!important;object-fit:contain!important}
.support-page .brand .brand-wordmark{width:auto!important;height:30px!important;object-fit:contain!important}
.support-page .links{gap:20px!important}
.support-page .links a{color:#183b34;font-size:12.5px;position:relative}
.support-page .links a:hover{color:#087963;text-decoration:none}
.support-page .links .is-active{color:#087963}
.support-page .links .is-active::after{content:"";position:absolute;left:0;right:0;bottom:-15px;height:2px;background:#087963}
.support-page .support-login{padding:9px 14px;border-radius:8px;background:#087963;color:#fff!important}
.support-page .wrap{max-width:1240px!important;padding:28px 24px 54px!important}
.support-page .hero{border-radius:20px!important;padding:34px 36px!important;box-shadow:0 16px 38px rgba(7,94,84,.11)!important}
.support-page .hero h1{font-size:38px!important;letter-spacing:-1.2px;margin-bottom:10px!important}
.support-page .hero p{font-size:14.5px!important;max-width:760px!important}
.support-page .quick{gap:12px!important;margin-top:14px!important}
.support-page .quick a{border-radius:14px!important;padding:16px!important;box-shadow:0 7px 18px rgba(15,55,49,.025)!important;transition:.18s ease}
.support-page .quick a:hover{border-color:#b9d8ce;transform:translateY(-2px);text-decoration:none}
.support-page .quick .ico{width:36px!important;height:36px!important;border-radius:10px!important;font-size:17px!important}
.support-page .layout{grid-template-columns:minmax(0,1fr) 320px!important;gap:16px!important;margin-top:16px!important}
.support-page .card{border-radius:16px!important;padding:22px!important;box-shadow:0 8px 22px rgba(15,55,49,.025)!important}
.support-page .card h2{font-size:24px;letter-spacing:-.6px}.support-page .card h3{color:#15352f}
.support-page .faq{padding:15px 0!important}.support-page .faq h3{font-size:14px!important}.support-page .faq p{font-size:13px!important}
.support-page .contact{border-radius:12px!important}.support-page .note,.support-page .operator{border-radius:12px!important}
.support-page .footer{max-width:1240px!important;padding:0 24px 34px!important}

@media(max-width:1050px){
  .directory-page .hero-grid{grid-template-columns:1fr}
  .directory-page .hero-card{min-height:320px!important}
  .directory-page .desktop-nav a.is-active::after{display:none}
}
@media(max-width:760px){
  .directory-page main{padding-top:8px}
  .directory-page .hero-card{padding:28px 24px!important;min-height:auto!important}
  .directory-page .hero-card h1{font-size:38px!important;max-width:13ch!important}
  .directory-page .search-panel{padding:20px}.directory-page .grid-4{grid-template-columns:1fr 1fr}
  .support-page .links a:not(.support-login):not(.is-active){display:none}
  .support-page .brand .brand-icon{width:38px!important;height:38px!important}
  .support-page .brand .brand-wordmark{height:25px!important}
  .support-page .wrap{padding:18px 14px 42px!important}
  .support-page .hero{padding:26px 22px!important}.support-page .hero h1{font-size:31px!important}
  .support-page .layout{grid-template-columns:1fr!important}
}
@media(max-width:520px){.directory-page .grid-4{grid-template-columns:1fr}.directory-page .hero-card h1{font-size:34px!important}}
.support-page .nav{height:auto!important}

/* --------------------------------------------------------------------------
   v5 — Nested job/worker detail pages
   The nested SEO pages previously kept only `body.page`, so the generic rule
   at line 30 painted the hero dark while its text inherited dark colours.
   These rules give every skill/city detail page the same readable premium
   directory treatment as /jobs/ and /workers/.
   -------------------------------------------------------------------------- */
.detail-page main{padding:18px 0 54px}
.detail-page .hero-grid{
  grid-template-columns:minmax(0,.96fr) minmax(470px,1.04fr);
  gap:18px;
  align-items:stretch;
  margin-bottom:18px;
}
.detail-page .hero-card{
  min-height:340px!important;
  padding:36px 38px 34px!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.detail-page .hero-card h1{
  color:#fff!important;
  max-width:13ch!important;
  font-size:clamp(34px,3.1vw,46px)!important;
  line-height:1.06!important;
}
.detail-page .hero-card p.lead{
  color:rgba(255,255,255,.84)!important;
  max-width:56ch;
}
.detail-page .hero-panel{display:grid;grid-template-rows:auto 1fr;gap:14px}
.detail-page .hero-panel .panel{height:100%}
.detail-page .glass-card{display:flex;flex-direction:column;justify-content:center;min-height:126px}
.detail-page .glass-card p{margin:8px 0 0;color:#38534c;line-height:1.6}
.detail-page .search-panel{padding:26px!important}
.detail-page .quick-links{gap:8px}
.detail-page .chip{padding:10px 12px!important}
.detail-page .footer{margin-top:0}

/* Make the active parent section obvious on nested pages. */
.detail-page.jobs-detail-page .desktop-nav a[href='/jobs/'],
.detail-page.workers-detail-page .desktop-nav a[href='/workers/']{color:#07846c}

@media(max-width:1100px){
  .detail-page .hero-grid{grid-template-columns:1fr}
  .detail-page .hero-card{min-height:300px!important}
  .detail-page .hero-panel{grid-template-columns:1fr 1fr;grid-template-rows:1fr}
}
@media(max-width:767px){
  .detail-page main{padding-top:10px}
  .detail-page .hero-card{padding:28px 24px!important;min-height:auto!important}
  .detail-page .hero-card h1{font-size:36px!important;max-width:none!important}
  .detail-page .hero-panel{display:flex}
}