/* ===== Fonts (local files in /fonts) ===== */
@font-face{font-family:"MuktaDeva";src:url("fonts/Mukta-Regular.woff") format("woff");font-weight:300 600;font-style:normal;unicode-range:U+0900-097F,U+200C-200D,U+25CC;font-display:swap}
@font-face{font-family:"MuktaDeva";src:url("fonts/Mukta-Bold.woff") format("woff");font-weight:700 900;font-style:normal;unicode-range:U+0900-097F,U+200C-200D,U+25CC;font-display:swap}
@font-face{font-family:"Inter";src:url("fonts/Inter-Regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("fonts/Inter-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("fonts/Inter-SemiBold.woff") format("woff");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("fonts/Inter-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("fonts/Inter-ExtraBold.woff") format("woff");font-weight:800;font-style:normal;font-display:swap}


/* Hindi (Devanagari) fallback - GNU FreeSans (GPL + font exception). Used only if the device has no better Hindi font. */
@font-face{font-family:"FreeSansDeva";src:url("fonts/FreeSans.woff") format("woff");font-weight:400 500;font-style:normal;font-display:swap;unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20B9,U+A8E0-A8FF}
@font-face{font-family:"FreeSansDeva";src:url("fonts/FreeSansBold.woff") format("woff");font-weight:600 800;font-style:normal;font-display:swap;unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20B9,U+A8E0-A8FF}

/* ===== Variables ===== */
:root{
  --primary:#0B7A4D;
  --accent:#FFC93C;
  --accent-ink:#10261C;
  --primary-dark:#08673F;
  --navy:#10261C;
  --text:#46564D;
  --muted:#5A6A61;
  --line:#DCE9E1;
  --soft:#F0F8F3;
  --chip:#DCE9E1;
  --white:#fff;
  --green:#2CB67D;
  --radius:10px;
  --shadow:0 6px 24px rgba(16,38,28,.06);
  --font:"Inter","MuktaDeva","Noto Sans Devanagari","Mukta","Nirmala UI","Kohinoor Devanagari","Devanagari Sangam MN","FreeSansDeva",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font);font-size:14px;line-height:1.6;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none;margin:0;padding:0}
h1,h2,h3,h4,p{margin:0}
button,input,select{font:inherit;color:inherit}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.center{text-align:center;margin-top:36px}

/* ===== Buttons ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:6px;padding:12px 22px;font-weight:600;font-size:14px;cursor:pointer;transition:.2s}
.btn-primary{background:var(--primary);color:#fff}
.btn-primary:hover{background:var(--primary-dark)}
.btn-dark{background:var(--navy);color:#fff;padding:10px 20px;font-size:13px}
.btn-dark:hover{background:#1B4A35}
.btn-sm{padding:8px 14px;font-size:12px}

/* ===== Header ===== */
.site-header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 1px 0 var(--line)}
.header-inner{display:flex;align-items:center;gap:24px;min-height:78px}
.main-nav{display:flex;align-items:center;justify-content:space-between;flex:1;gap:24px}
.main-nav ul{display:flex;gap:6px}
.main-nav li a{display:flex;align-items:center;gap:6px;padding:8px 12px;font-weight:500;color:var(--navy);font-size:13px;border-radius:6px}
.main-nav li a:hover,.main-nav li a.active{color:var(--primary)}
.caret{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.nav-actions{display:flex;align-items:center;gap:20px}
.dash-link{border:1px solid var(--line);background:var(--soft);border-radius:4px;padding:3px 12px;font-size:13px;color:var(--navy)}
.link-register{font-weight:600;color:var(--navy);font-size:13px;text-decoration:underline;text-underline-offset:3px}
.nav-actions .btn{padding:11px 22px}
.nav-toggle{display:none}
.burger{display:none;margin-left:auto;cursor:pointer;width:28px;height:20px;flex-direction:column;justify-content:space-between}
.burger span{display:block;height:2px;background:var(--navy);border-radius:2px}

/* ===== Hero ===== */
.hero{background:linear-gradient(180deg,#0B7A4D 0%,#08673F 100%);color:#fff;text-align:center;padding:86px 0 70px;position:relative}
.hero h1{font-size:42px;line-height:1.25;font-weight:700;letter-spacing:-.5px}
.hero h1 span{color:var(--accent);font-weight:800}
.hero-sub{max-width:520px;margin:20px auto 34px;font-size:13px;line-height:1.7;color:#fff}
.search-bar{display:flex;align-items:center;gap:6px;background:#fff;border-radius:10px;padding:10px;max-width:660px;margin:0 auto;box-shadow:0 10px 30px rgba(16,38,28,.18);color:var(--text)}
.search-bar .field{display:flex;align-items:center;border-right:1px solid var(--line);padding:0 10px;min-width:130px}
.search-bar .field.grow{flex:1;border-right:0}
.search-bar select,.search-bar input{width:100%;border:0;background:transparent;outline:0;padding:10px 0;font-size:12px;color:var(--muted)}
.search-bar select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}
.search-bar .btn{padding:12px 22px;font-size:12px;background:var(--accent);color:var(--accent-ink)}
.search-bar .btn:hover{background:#F5B800}
.popular{margin-top:22px;font-size:13px;color:#fff}
.popular a{text-decoration:underline;text-underline-offset:2px;color:#fff}
.popular strong{font-weight:600}
.cat-row{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:70px;text-align:left}
.cat-card{display:flex;align-items:center;gap:14px;background:#fff;color:var(--navy);padding:22px 20px;border-radius:12px;box-shadow:0 8px 24px rgba(16,38,28,.12);transition:.2s}
.cat-card:hover{transform:translateY(-4px)}
.cat-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:var(--soft);flex:none}
.cat-card strong{display:block;font-size:14px;line-height:1.3}
.cat-card small{color:var(--muted);font-size:13px}
.dots{display:flex;justify-content:center;gap:8px;margin-top:34px}
.dots span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.4)}
.dots .on{background:#fff;width:22px;border-radius:8px}

/* ===== Sections ===== */
.section{padding:64px 0}
.section-head{text-align:center;margin-bottom:30px}
.section-head h2,.steps-text h2{font-size:30px;line-height:1.25;color:var(--navy);font-weight:700}
.section-head p{margin-top:8px;color:var(--text);font-size:13px}
.left-head{display:flex;justify-content:space-between;align-items:flex-end;text-align:left;gap:16px}
.arrows{display:flex;gap:8px}
.arrows button{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;color:var(--navy)}
.arrows button:hover{background:var(--primary);color:#fff;border-color:var(--primary)}
.grid{display:grid;gap:20px}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.grid-5{grid-template-columns:repeat(5,1fr)}

/* chips */
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{background:var(--chip);color:#2F4A3B;border-radius:4px;padding:2px 9px;font-size:12px;font-weight:500}
.stars{color:#FFB400;font-size:12px;letter-spacing:1px}
.stars span{color:var(--muted);letter-spacing:0;font-size:12px}

/* ===== Jobs ===== */
.tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:32px}
.tab{background:#fff;border:1px solid var(--line);border-radius:6px;padding:8px 18px;font-size:13px;font-weight:500;color:var(--navy);cursor:pointer;transition:.2s}
.tab.active,.tab:hover{background:var(--soft);border-color:var(--primary);color:var(--primary-dark)}
.job-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;transition:.2s;display:flex;flex-direction:column;gap:12px}
.job-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.job-card h3{font-size:14px;line-height:1.4;color:var(--navy);font-weight:600;min-height:40px}
.job-card h3 a:hover{color:var(--primary)}
.meta{display:flex;gap:14px;color:var(--muted);font-size:12px}
.meta span,.cand-foot span,.company small,.rec-card small{display:inline-flex;align-items:center;gap:4px}
.job-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px;border-top:1px solid var(--line);gap:8px}
.company{display:flex;align-items:center;gap:8px;min-width:0}
.company strong{display:block;font-size:13px;color:var(--navy);line-height:1.3}
.company small{font-size:9px;color:var(--muted)}
.pay strong{color:var(--primary);font-size:15px;font-weight:700}
.pay small{color:var(--muted);font-size:13px}

/* ===== Candidates ===== */
.candidates{background:#fff}
.cand-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:14px;transition:.2s}
.cand-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.cand-top{display:flex;gap:14px;align-items:center}
.avatar{position:relative;width:64px;height:64px;border-radius:50%;overflow:hidden;flex:none}
.avatar img{width:100%;height:100%;object-fit:cover}
.avatar .online{position:absolute;right:4px;bottom:4px;width:12px;height:12px;border-radius:50%;background:var(--green);border:2px solid #fff}
.cand-card h3{font-size:16px;line-height:1.25;color:var(--navy);font-weight:700}
.role{font-size:13px;color:var(--muted);margin-top:2px}
.desc{font-size:12px;line-height:1.7;color:var(--text)}
.cand-foot{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:12px;font-size:12px;color:var(--muted)}
.cand-foot span:last-child{color:var(--navy);font-weight:600}

/* ===== Hiring banner ===== */
.hiring{padding:20px 0}
.hiring-banner{position:relative;display:flex;align-items:center;gap:28px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:30px 50px;max-width:1000px;margin:0 auto;overflow:hidden;min-height:150px}
.hiring-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9;z-index:0}
.hiring-text,.hiring-copy,.hiring-banner .btn{position:relative;z-index:1}
.hiring-text small{display:block;font-size:12px;letter-spacing:2px;color:var(--navy);font-weight:600}
.hiring-text strong{font-size:56px;line-height:1;color:var(--navy);font-weight:800;letter-spacing:-1px}
.hiring-copy p{font-size:12px;font-weight:600;line-height:1.35;color:var(--navy)}
.hiring-banner .btn{margin-left:auto}

/* ===== Trusted ===== */
.trusted{padding:46px 0 10px}
.trusted-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--soft);border-radius:8px;padding:22px 28px;max-width:1160px}
.trusted-inner>strong{font-size:18px;color:#566A5E;font-weight:600}
.brands{display:flex;align-items:center;flex-wrap:wrap;gap:34px 48px;justify-content:flex-end}
.brand{font-weight:800;font-size:20px;color:#2B3F34;letter-spacing:-.5px}
.brand.b0{font-style:italic;color:#6b2fbf}.brand.b1{letter-spacing:2px;color:#111}.brand.b2{color:#16a34a;text-transform:lowercase}.brand.b3{color:#1d4ed8;letter-spacing:3px}.brand.b4{color:#0f172a;letter-spacing:4px}

/* ===== Steps ===== */
.steps{background:var(--soft);margin-top:50px}
.steps-inner{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.steps-list{display:grid;gap:22px;margin-top:26px}
.steps-list li{display:flex;gap:12px;align-items:flex-start}
.steps-list svg{flex:none;margin-top:2px}
.steps-list h3{font-size:14px;color:var(--navy);font-weight:600;margin-bottom:4px}
.steps-list p{font-size:12px;line-height:1.7;color:var(--text)}

/* ===== Recruiters ===== */
.rec-card{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px;transition:.2s}
.rec-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.rec-top{display:flex;gap:10px;align-items:center}
.rec-top strong{display:block;font-size:12px;color:var(--navy);line-height:1.3}
.rec-card small{font-size:12px;color:var(--muted)}
.open{align-self:flex-start;font-size:12px;color:var(--primary-dark);background:var(--soft);padding:3px 10px;border-radius:4px;font-weight:600}

/* ===== Promos ===== */
.promos{padding-top:10px}
.promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.promo{display:flex;gap:20px;align-items:center;padding:30px;border-radius:12px;border:1px solid transparent}
.promo-orange{background:#FFF1E8;border-color:#FFE0CC}
.promo-blue{background:#E6F5EC;border-color:#CFE7D9}
.promo-ill{display:grid;place-items:center;width:110px;height:110px;flex:none;border-radius:16px;background:rgba(255,255,255,.7)}
.promo-orange .promo-ill{color:#F5833C}
.promo-blue .promo-ill{color:var(--primary)}
.promo h3{font-size:20px;color:var(--navy);font-weight:700;margin-bottom:6px}
.promo p{font-size:13px;line-height:1.7;margin-bottom:10px}
.promo a{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--primary-dark)}

/* ===== Blog ===== */
.blog-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.2s}
.blog-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.blog-img{position:relative;display:block;aspect-ratio:420/260;overflow:hidden}
.blog-img img{width:100%;height:100%;object-fit:cover}
.blog-tag{position:absolute;left:14px;bottom:14px;background:#fff;color:var(--navy);font-size:12px;font-weight:600;padding:3px 10px;border-radius:4px}
.blog-body{padding:18px 20px 20px}
.blog-body h3{font-size:16px;line-height:1.4;color:var(--navy);font-weight:700;margin-bottom:8px}
.blog-body h3 a:hover{color:var(--primary)}
.blog-body>p{font-size:13px;line-height:1.7;margin-bottom:16px}
.blog-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:14px;font-size:12px;color:var(--muted)}
.author{display:flex;align-items:center;gap:10px}
.author img{width:36px;height:36px;border-radius:50%}
.author strong{display:block;font-size:13px;color:var(--navy);line-height:1.3}
.author small{font-size:12px;color:var(--muted)}

/* ===== Newsletter ===== */
.newsletter-wrap{padding-top:20px}
.newsletter{background:var(--primary);border-radius:16px;text-align:center;color:#fff;padding:70px 20px;background-image:radial-gradient(circle at 12% 20%,rgba(255,255,255,.12) 0,transparent 22%),radial-gradient(circle at 88% 80%,rgba(255,255,255,.12) 0,transparent 24%)}
.newsletter h2{font-size:30px;line-height:1.35;font-weight:700}
.news-form{display:flex;align-items:center;gap:10px;background:#fff;color:var(--muted);border-radius:8px;padding:8px 8px 8px 16px;max-width:520px;margin:30px auto 0}
.news-form input{flex:1;border:0;outline:0;min-width:0;padding:10px 0;font-size:12px;color:var(--text)}
.news-form .btn{background:var(--primary);padding:11px 20px;font-size:12px}

/* ===== Footer ===== */
.site-footer{padding:60px 0 24px;border-top:1px solid var(--line);margin-top:20px}
.footer-grid{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:30px}
.foot-brand p{font-size:13px;line-height:1.7;margin:14px 0 16px;max-width:260px}
.social{display:flex;gap:10px}
.social a{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--primary);color:#fff}
.site-footer h4{font-size:14px;color:var(--navy);font-weight:700;margin-bottom:14px}
.site-footer li{margin-bottom:8px}
.site-footer li a{font-size:12px;color:var(--text)}
.site-footer li a:hover{color:var(--primary)}
.foot-app p{font-size:12px;line-height:1.6;margin-bottom:12px}
.store{display:block;width:fit-content;background:#10261C;color:#fff;font-size:13px;font-weight:600;padding:8px 18px;border-radius:6px;margin-bottom:8px}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:40px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.footer-bottom nav{display:flex;gap:28px}
.footer-bottom a:hover{color:var(--primary)}
.footer-bottom .powered a{color:var(--primary);font-weight:700}
@media(max-width:640px){.footer-bottom{flex-direction:column;align-items:flex-start;gap:6px}}

/* ===== Responsive ===== */
@media (max-width:1100px){
  .grid-4{grid-template-columns:repeat(3,1fr)}
  .grid-5{grid-template-columns:repeat(3,1fr)}
  .cat-row{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:repeat(3,1fr)}
  .hero h1{font-size:36px}
}
@media (max-width:900px){
  .burger{display:flex}
  .main-nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;padding:16px 20px 24px;box-shadow:0 12px 24px rgba(16,38,28,.1);border-top:1px solid var(--line)}
  .nav-toggle:checked~.main-nav{display:flex}
  .main-nav ul{flex-direction:column;width:100%}
  .nav-actions{flex-wrap:wrap}
  .steps-inner,.promo-grid{grid-template-columns:1fr}
  .grid-3{grid-template-columns:repeat(2,1fr)}
  .trusted-inner{flex-direction:column;align-items:flex-start}
  .brands{justify-content:flex-start}
  .hiring-banner{flex-wrap:wrap;padding:24px}
  .hiring-banner .btn{margin-left:0}
}
@media (max-width:640px){
  .container{padding:0 16px}
  .hero{padding:56px 0 48px}
  .hero h1{font-size:28px}
  .hero h1 br{display:none}
  .hero h1 span{margin-right:.3em}
  .search-bar{flex-direction:column;align-items:stretch}
  .search-bar .field{border-right:0;border-bottom:1px solid var(--line);padding:0 6px}
  .cat-row{grid-template-columns:1fr 1fr;gap:12px;margin-top:40px}
  .cat-card{padding:14px;flex-direction:column;align-items:flex-start;gap:10px}
  .grid-3,.grid-4,.grid-5{grid-template-columns:1fr}
  .grid-5{grid-template-columns:1fr 1fr}
  .section{padding:44px 0}
  .section-head h2,.steps-text h2,.newsletter h2{font-size:24px}
  .left-head{flex-direction:column;align-items:flex-start}
  .tabs{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}
  .tab{white-space:nowrap}
  .promo{flex-direction:column;align-items:flex-start}
  .footer-grid{grid-template-columns:1fr 1fr}
  .foot-brand,.foot-app{grid-column:1/-1}
  .footer-bottom{flex-direction:column;align-items:flex-start}
  .footer-bottom nav{flex-wrap:wrap;gap:14px}
  .news-form{flex-wrap:wrap;padding:10px}
  .news-form .btn{width:100%}
  .hiring-text strong{font-size:44px}
}

/* ===== Fixes ===== */
.hiring-bg{object-position:center top}
.search-bar select{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238A94A6' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 4px center}
.hiring-banner{padding:30px 170px;gap:24px}
@media (max-width:900px){.hiring-banner{padding:24px 24px 24px 24px}.hiring-bg{opacity:.35}}

/* =====================================================
   आरबी जॉब्स additions
   ===================================================== */
html[lang="hi"] body{line-height:1.75}
html[lang="hi"] h1,html[lang="hi"] h2,html[lang="hi"] h3{line-height:1.4}
.skip{position:absolute;left:-999px;top:0;background:var(--navy);color:#fff;padding:8px 14px;z-index:200}
.skip:focus{left:8px;top:8px}
:focus-visible{outline:2px solid var(--primary);outline-offset:2px}

/* header */
.logo{display:inline-flex;align-items:center;gap:8px;flex:none}
.logo-text{font-size:24px;font-weight:800;color:var(--navy);letter-spacing:-.3px;line-height:1}
.header-inner{gap:18px}
.main-nav li a{padding:8px 9px}
.btn-outline{background:#fff;color:var(--primary);border:1.5px solid var(--primary);padding:9px 16px;font-size:13px}
.btn-outline:hover{background:var(--soft)}
.btn-light{background:var(--soft);color:var(--navy)}
.btn-light:hover{background:var(--line)}
.btn-wa{background:#25D366;color:#fff}
.btn-wa:hover{background:#1fb457}
.btn-block{display:flex;width:100%}
.btn:disabled{opacity:.6;cursor:not-allowed}
.lang-btn{border:1px solid var(--line);background:var(--soft);border-radius:6px;padding:7px 12px;font-weight:700;font-size:12px;color:var(--navy);cursor:pointer}
.lang-btn:hover{border-color:var(--primary);color:var(--primary)}
.user-area{display:inline-flex;align-items:center;gap:10px}
.user-chip{display:inline-flex;align-items:center;gap:6px;background:#E8F8F0;color:#157a52;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;white-space:nowrap}
.linkbtn{background:none;border:0;color:var(--primary);cursor:pointer;font-weight:600;font-size:12px;padding:4px;text-decoration:underline;text-underline-offset:3px}
.linkbtn:disabled{color:var(--muted);cursor:default;text-decoration:none}
.nav-actions .btn{padding:10px 18px}

/* hero (Hindi headline is longer) */
.hero h1{font-size:40px}
.hero h1 span{color:var(--accent)}
.search-bar{max-width:760px}
.search-bar .field{min-width:150px}
.search-bar select option{color:#111}
.cat-card strong{font-size:14px}

/* badges / logos */
.badge-logo{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;border-radius:10px;background:#E9F6EF;background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c);font-weight:800;font-size:16px;border:1px solid color-mix(in srgb,var(--c) 25%,#fff)}
.ver{display:inline-flex;align-items:center;gap:4px;color:#157a52;font-size:12px;font-weight:600;margin-top:2px}
.ver-pill{display:inline-flex;align-items:center;gap:4px;background:#E8F8F0;color:#157a52;border-radius:999px;padding:2px 10px;font-size:13px;font-weight:600}
.job-foot{flex-wrap:wrap}
.pay strong{font-size:13px;white-space:nowrap}
.company strong{font-size:12px}
.empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:30px 0}
.lead{margin-bottom:26px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.cand-card h3 a:hover,.rec-card:hover strong{color:var(--primary)}
.cc{color:var(--navy);font-weight:600;padding-right:6px;font-size:13px}

/* trust strip */
.trust{padding:30px 0 0}
.trust-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;background:var(--soft);border-radius:12px;padding:22px 26px}
.trust-item{display:flex;align-items:center;gap:12px;color:var(--navy)}
.trust-item span{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#fff;color:var(--primary);flex:none}
.trust-item strong{font-size:13px;line-height:1.4}

/* inner page header */
.page-head{background:linear-gradient(180deg,#0B7A4D,#08673F);color:#fff;padding:34px 0 36px}
.page-head h1{font-size:30px;font-weight:700;margin-top:8px}
.crumbs{font-size:13px;color:#fff;display:flex;flex-wrap:wrap;gap:6px}
.crumbs a:hover{text-decoration:underline}
.head-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:10px;font-size:13px;color:#fff}
.head-meta span{display:inline-flex;align-items:center;gap:5px}
.head-meta .ver-pill{background:#fff}

/* list pages */
.list-page{padding-top:36px}
.list-layout{display:grid;grid-template-columns:280px 1fr;gap:26px;align-items:start}
.filter-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;position:sticky;top:96px;display:grid;gap:14px}
.filter-card h2{font-size:16px;color:var(--navy)}
.fld{display:grid;gap:6px;font-size:12px;font-weight:600;color:var(--navy)}
.fld input,.fld select,.fld textarea,.phone-in{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#fff;font-size:13px;font-weight:400;color:var(--navy);outline:0}
.fld select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238A94A6' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;padding-right:32px}
.fld input:focus,.fld select:focus,.fld textarea:focus,.phone-in:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(11,122,77,.16)}
.fld textarea{resize:vertical;font-family:inherit}
.phone-in{display:flex;align-items:center;padding:0 12px}
.phone-in input{border:0;box-shadow:none!important;padding:10px 0;flex:1;min-width:0}
.results-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;color:var(--navy);font-size:14px}
.sortbox{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
.sortbox select{border:1px solid var(--line);border-radius:6px;padding:6px 10px;background:#fff;font-size:12px}
.rec-grid .rec-card{height:100%}

/* detail pages */
.detail-grid{display:grid;grid-template-columns:1fr 340px;gap:26px;align-items:start}
.detail-main{display:grid;gap:18px}
.detail-side{display:grid;gap:18px;position:sticky;top:96px}
.d-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}
.d-card h2{font-size:16px;color:var(--navy);margin-bottom:10px}
.d-card h3{font-size:15px;color:var(--navy);margin-bottom:12px;display:flex;align-items:center;gap:8px}
.d-card p{font-size:14px}
.d-company{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.d-company .company strong{font-size:15px}
.d-company .company small{font-size:13px}
.pay.big strong{font-size:20px}
.d-person{display:flex;align-items:center;gap:18px}
.d-person h2{font-size:20px;margin:0}
.avatar.big{width:96px;height:96px}
.perks{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 16px}
.perks li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--navy)}
.perks svg{color:var(--green)}
.facts{display:grid;gap:10px;margin:0 0 16px}
.facts div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--line);padding-bottom:8px;font-size:13px}
.facts dt{color:var(--muted)}
.facts dd{margin:0;color:var(--navy);font-weight:600;text-align:right}
.detail-side .btn-block+.btn-block{margin-top:10px}
.d-similar h2{font-size:18px;color:var(--navy);margin-bottom:14px}

/* contact box */
.contact-box{background:#fff;border:1.5px dashed #A9D3BE;border-radius:12px;padding:20px}
.contact-box.open{border:1.5px solid #bfe8d3;background:#F6FCF9}
.contact-box h3{font-size:15px;color:var(--navy);margin-bottom:12px;display:flex;align-items:center;gap:8px}
.contact-box.open h3{color:#157a52}
.c-rows{display:grid;gap:10px;margin-bottom:14px}
.c-rows li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--navy);font-weight:600}
.c-rows li svg{color:var(--primary);flex:none}
.c-rows a:hover{color:var(--primary);text-decoration:underline}
.blur{filter:blur(5px);user-select:none;pointer-events:none}
.c-note{font-size:12px;color:var(--text);line-height:1.6;margin:0 0 14px}
.c-note.ok{color:#157a52;margin:12px 0 6px}
.c-note.warn{color:#8a5a00;background:#FFF7E0;border-radius:8px;padding:8px 10px;margin:8px 0 0;font-size:13px}
.c-person{display:grid;margin-bottom:10px}
.c-person small{color:var(--muted);font-size:13px}
.c-person strong{color:var(--navy);font-size:14px}
.c-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.c-actions .btn{padding:10px 8px;font-size:13px}

/* auth + forms */
.auth-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px;max-width:460px;margin:0 auto;box-shadow:var(--shadow)}
.auth-card.wide{max-width:720px}
.auth-sub{text-align:center;color:var(--text);margin-bottom:20px;font-size:14px}
.otp-form{display:grid;gap:14px}
.step{display:grid;gap:14px}
.step[hidden]{display:none}
.role-pick{border:0;padding:0;margin:0;display:grid;gap:8px}
.role-pick legend{font-size:12px;font-weight:600;color:var(--navy);padding:0;margin-bottom:6px}
.radio{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;cursor:pointer;font-size:13px;color:var(--navy)}
.radio:has(input:checked){border-color:var(--primary);background:var(--soft)}
.radio input:checked+span{font-weight:700;color:var(--primary-dark)}
.otp-input{letter-spacing:8px;text-align:center;font-size:20px!important;font-weight:700!important}
.otp-info{font-size:13px;color:var(--navy);font-weight:600}
.demo-otp{font-size:12px;background:#FFF7E0;color:#8a5a00;border-radius:8px;padding:8px 10px}
.otp-links{display:flex;justify-content:space-between;gap:10px}
.form-msg{min-height:18px;font-size:13px;color:#d92d20;text-align:center}
.form-msg.ok{color:#157a52;font-weight:600}
.form-note{font-size:13px;color:var(--muted);text-align:center}
.auth-done{display:grid;gap:12px;text-align:center}
.ok-big{display:flex;justify-content:center;align-items:center;gap:8px;font-size:18px;font-weight:700;color:#157a52}
.gate{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--soft);border-radius:8px;padding:12px;font-size:13px;color:var(--navy);margin-bottom:18px;text-align:center}
.pj-form{display:grid;gap:14px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:start}

/* modal + toast */
.modal{position:fixed;inset:0;background:rgba(16,38,28,.55);display:grid;place-items:center;padding:16px;z-index:100}
.modal[hidden]{display:none}
.modal-card{background:#fff;border-radius:14px;padding:26px;width:100%;max-width:440px;max-height:92vh;overflow:auto;position:relative}
.modal-card h2{font-size:18px;color:var(--navy);margin:0 30px 16px 0;line-height:1.4}
.modal-x{position:absolute;right:12px;top:10px;border:0;background:none;font-size:28px;line-height:1;color:var(--muted);cursor:pointer}
body.modal-open{overflow:hidden}
.toasts{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);display:grid;gap:8px;z-index:150;width:max-content;max-width:92vw}
.toast{background:var(--navy);color:#fff;padding:12px 18px;border-radius:8px;font-size:13px;box-shadow:0 8px 24px rgba(0,0,0,.2);transition:.4s}
.toast.hide{opacity:0;transform:translateY(8px)}

/* articles / static */
.article{max-width:760px;margin:0 auto}
.article img{width:100%;border-radius:12px;margin-bottom:22px}
.article p{font-size:15px;line-height:1.9;margin-bottom:14px}
.prose h2{font-size:20px;color:var(--navy);margin:26px 0 8px}
.draft-note{background:#FFF7E0;color:#8a5a00;border-radius:8px;padding:10px 14px;font-size:13px!important}
.news-form .cc{padding:0 4px 0 0}
.news-msg{margin-top:12px;font-size:13px;min-height:18px}
.blog-foot .author strong{font-size:12px}
.hiring-text strong{font-size:52px}
.hiring-text small{letter-spacing:1px}

/* responsive additions */
@media (max-width:1100px){
  .trust-inner{grid-template-columns:repeat(2,1fr)}
  .list-layout{grid-template-columns:240px 1fr}
  .detail-grid{grid-template-columns:1fr 300px}
  .main-nav li a{padding:8px 6px;font-size:12px}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
  .foot-brand{grid-column:1/-1}
}
@media (max-width:900px){
  .list-layout,.detail-grid,.contact-grid{grid-template-columns:1fr}
  .filter-card,.detail-side{position:static}
  .grid-2,.grid-3.rec-grid{grid-template-columns:repeat(2,1fr)}
  .nav-actions{align-items:center}
  .main-nav li a{font-size:14px;padding:10px 0}
  .hiring-banner{padding:24px}
}
@media (max-width:640px){
  .grid-2,.grid-3.rec-grid{grid-template-columns:1fr}
  .trust-inner{grid-template-columns:1fr}
  .two{grid-template-columns:1fr}
  .perks{grid-template-columns:1fr}
  .c-actions{grid-template-columns:1fr}
  .hero h1{font-size:26px}
  .page-head h1{font-size:23px}
  .auth-card{padding:20px}
  .logo-text{font-size:21px}
  .search-bar .field{min-width:0}
}

/* Hindi text needs a little more size than Latin text */
html[lang="hi"] body{font-size:15px}
html[lang="hi"] .meta,html[lang="hi"] .chip,html[lang="hi"] .company small,html[lang="hi"] .cand-foot,html[lang="hi"] .rec-card small,
html[lang="hi"] .open,html[lang="hi"] .cat-card small,html[lang="hi"] .ver,html[lang="hi"] .popular,html[lang="hi"] .blog-foot,html[lang="hi"] .author small,
html[lang="hi"] .footer-bottom,html[lang="hi"] .pay small,html[lang="hi"] .tab{font-size:12.5px}
html[lang="hi"] .desc,html[lang="hi"] .blog-body>p,html[lang="hi"] .steps-list p,html[lang="hi"] .promo p,html[lang="hi"] .site-footer li a,html[lang="hi"] .foot-brand p,html[lang="hi"] .hero-sub,html[lang="hi"] .form-note,html[lang="hi"] .c-note{font-size:14px}
html[lang="hi"] .company strong,html[lang="hi"] .rec-top strong,html[lang="hi"] .main-nav li a,html[lang="hi"] .btn,html[lang="hi"] .fld{font-size:14px}
html[lang="hi"] .job-card h3,html[lang="hi"] .cand-card h3{font-size:16px}
html[lang="hi"] .pay strong{font-size:14px}
html[lang="hi"] .search-bar select,html[lang="hi"] .search-bar input{font-size:14px}
html[lang="hi"] .hiring-copy p{font-size:14px}

/* ===== Photo scan + profile ===== */
.scan-card{max-width:760px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px;display:flex;flex-direction:column;gap:14px}
.scan-head h2{font-size:20px;color:var(--navy);margin-bottom:4px}.scan-head p{font-size:14px}
.drop{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;border:2px dashed #A9D3BE;background:var(--soft);border-radius:12px;padding:30px 16px;cursor:pointer;color:var(--navy);transition:.15s}
.drop:hover,.drop.over,.drop:focus-visible{border-color:var(--primary);background:#E6F5EC;outline:none}
.drop-ic{color:var(--primary)}.drop small{color:var(--muted);font-size:12px}
.scan-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.scan-btns .btn{display:inline-flex;align-items:center;gap:8px}
.scan-prog{display:flex;gap:14px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:12px}
.scan-prog img{width:64px;height:64px;object-fit:cover;border-radius:6px;flex:none}.scan-prog>div{flex:1;min-width:0}.scan-prog p{font-size:13px;margin-bottom:6px;color:var(--navy)}
.bar{height:8px;background:var(--line);border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:var(--primary);border-radius:99px;transition:width .25s}
.bar i.ind{animation:ind 1.2s ease-in-out infinite}@keyframes ind{0%{margin-left:0;width:12%}50%{margin-left:60%;width:30%}100%{margin-left:0;width:12%}}
.scan-alt{text-align:center;font-size:13px;color:var(--muted)}
.scan-ok{display:flex;gap:8px;align-items:flex-start;background:#e9f8f1;border:1px solid #bfe9d5;color:#157a52;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:600}
#pj-scan{margin-bottom:18px}#pj-scan .scan-card{padding:18px;box-shadow:none}
.pf-form{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.sec-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px}
.sec-card h3{font-size:15px;color:var(--navy)}
.fld.missing input,.fld.missing select,.fld.missing textarea,.checks.missing{border-color:#f5b780;background-color:#fffaf3}
.fld.filled input,.fld.filled select,.fld.filled textarea{border-color:#7fd0a8;background-color:#f4fcf8}
.checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;border:1px solid transparent;border-radius:8px;padding:2px}
.pf-actions{display:flex;gap:10px;flex-wrap:wrap}
.pf-view{display:grid;grid-template-columns:1fr 340px;gap:26px;align-items:start}
.pf-main{display:flex;flex-direction:column;gap:18px}.pf-side{display:flex;flex-direction:column;gap:16px}
.pf-side .btn{margin-top:10px}.pf-side .c-note{margin-bottom:4px}
.meter{margin-bottom:14px}.meter-top{font-size:14px;color:var(--navy);margin-bottom:6px}
.timeline{list-style:none;margin:0;padding:0 0 0 18px;border-left:2px solid var(--line);display:flex;flex-direction:column;gap:16px}
.timeline li{position:relative}.timeline li::before{content:"";position:absolute;left:-25px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--primary);border:2px solid #fff;box-shadow:0 0 0 2px var(--primary)}
.tl-top{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.tl-top strong{color:var(--navy);font-size:15px}
.tl-per{font-size:12px;color:var(--primary);background:var(--soft);border-radius:99px;padding:2px 10px;font-weight:600;white-space:nowrap}
.tl-org{font-size:14px;color:var(--text)}.tl-note{font-size:13px;color:var(--muted);margin-top:2px}
.avatar.ini{display:grid;place-items:center;background:var(--primary);color:#fff;font-weight:700;font-size:22px}.avatar.big.ini{font-size:34px}.avatar.ini.sq{border-radius:14px}
.avatar.ini .online{display:none}
.mine-pill{display:inline-block;background:#fff3e0;color:#b45f06;border-radius:99px;padding:1px 10px;font-size:13px;font-weight:700}
.linkbtn.danger{color:#d92d20;margin-top:12px;display:inline-flex;gap:6px;align-items:center}
.prof-link{display:inline-flex;gap:5px;align-items:center;text-decoration:none}
@media(max-width:900px){.pf-view{grid-template-columns:1fr}.scan-card{padding:18px}}
@media(max-width:560px){.pf-form .two{grid-template-columns:1fr}}
html[lang="hi"] .scan-head p,html[lang="hi"] .drop small{font-size:14px}

/* ===== Accessibility / motion ===== */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hp-field{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.captcha-row{display:flex;align-items:center;gap:10px}.captcha-row b{white-space:nowrap;color:var(--navy)}
.consent{position:fixed;left:12px;right:12px;bottom:12px;z-index:90;max-width:640px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 30px rgba(16,38,28,.2);padding:14px 16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px}
.consent p{flex:1 1 260px;margin:0}
.nf{text-align:center;padding:70px 0}.nf .big{font-size:96px;font-weight:800;color:var(--primary);line-height:1}

.linkbtn,.section-head a,.center>a:not(.btn){color:var(--primary-dark)}

/* ---- job fairs ---- */
.fair-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin:18px 0}
.tabs{display:flex;gap:6px;background:var(--soft);border-radius:10px;padding:4px}
.tab{border:0;background:transparent;padding:9px 16px;border-radius:8px;font-weight:600;color:var(--muted);cursor:pointer;font-size:14px}
.tab.active{background:#fff;color:var(--primary);box-shadow:0 1px 4px rgba(16,38,28,.12)}
.fair-city select{padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:14px;min-width:170px}
.fair-card{display:flex;gap:16px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}
.fair-card.past{background:#FAFCFB}
.fair-date{flex:0 0 74px;height:92px;border-radius:10px;background:var(--primary);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}
.fair-card.past .fair-date{background:#66766B}
.fair-date strong{font-size:30px}.fair-date span{font-size:14px;text-transform:uppercase}.fair-date small{font-size:11px;opacity:.85}
.fair-body{flex:1;min-width:0}
.fair-body h3{margin:0 0 6px;font-size:17px}
.fair-venue{margin:6px 0 8px;color:var(--muted);font-size:13px}
.fair-foot{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin-top:12px;font-size:13px}
.fair-foot .btn{margin-left:auto}
.fair-left{background:#fff4e5;color:#8a4b00;padding:3px 10px;border-radius:20px;font-weight:700}
.fair-left.big{font-size:15px}
.chip-green{background:#e3f6ec;color:#0b6b3a}
.fair-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin:14px 0}
.fair-stats>*{background:var(--soft);border-radius:10px;padding:12px;text-align:center}
.tick-list{list-style:none;padding:0;margin:0}
.tick-list li{padding:6px 0 6px 26px;position:relative}
.tick-list li:before{content:"\2713";position:absolute;left:0;color:#16a34a;font-weight:700}
.pass{border:2px dashed var(--primary);border-radius:12px;padding:16px;background:#F5FAF7;margin:12px 0}
.pass small{color:var(--muted)}
.pass strong{display:block;font-size:18px;margin:4px 0}
.pass-no{display:flex;justify-content:space-between;gap:10px;border-top:1px dashed var(--line);margin-top:10px;padding-top:10px}
.pass-no b{font-family:monospace;font-size:16px;letter-spacing:1px}
.pass-who{margin:6px 0 0;color:var(--muted)}
@media(max-width:560px){.fair-card{flex-direction:column}.fair-date{flex-basis:auto;height:auto;flex-direction:row;gap:8px;padding:8px;justify-content:flex-start}.fair-foot .btn{margin-left:0}}
@media print{.site-header,.site-footer,.ad-slot,.consent,.fair-foot .btn{display:none!important}}

/* ---- ads ---- */
.ad-slot{max-width:970px;margin:18px auto;padding:0 16px;text-align:center;clear:both}
.ad-label{display:block;font-size:11px;color:var(--muted);letter-spacing:.5px;margin-bottom:4px}
.ad-fixed{display:block;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.ad-fixed img{display:block;width:100%;height:auto;max-height:180px;object-fit:cover}
.ad-fixed span{display:block;padding:8px 12px;font-size:14px;color:var(--navy);font-weight:600}
.ad-slot ins.adsbygoogle{display:block;min-height:90px}
.demo-otp:empty{display:none}

/* ---- app / WebView mode (html.in-app) ---- */
html.in-app{-webkit-tap-highlight-color:transparent}
html.in-app body{padding-bottom:calc(64px + env(safe-area-inset-bottom));-webkit-user-select:none;user-select:none}
html.in-app input,html.in-app textarea,html.in-app select{-webkit-user-select:text;user-select:text}
html.in-app .site-header{padding-top:env(safe-area-inset-top)}
html.in-app .site-footer,html.in-app #fair-print{display:none}
.app-tabs{display:none}
html.in-app .app-tabs{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:80;background:#fff;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 16px rgba(16,38,28,.08)}
.app-tabs a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;font-size:11px;color:var(--muted);text-decoration:none}
.app-tabs a.on{color:var(--primary);font-weight:700}
html.in-app .consent{bottom:calc(72px + env(safe-area-inset-bottom))}
html.in-app .toasts{bottom:calc(76px + env(safe-area-inset-bottom))}

/* install-app button: phones & tablets only */
.pwa-btn{display:none;align-items:center;gap:6px;margin-left:auto;border:1px solid var(--primary);background:#fff;color:var(--primary);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}
.pwa-btn:hover{background:var(--primary);color:#fff}
@media (max-width:1024px){html:not(.in-app) .pwa-btn{display:inline-flex}.pwa-btn+.nav-toggle+.burger{margin-left:10px}}
html.in-app .pwa-btn{display:none}
.pwa-steps{padding-left:20px;margin:8px 0 0;line-height:1.7}