/* Naukri Mitra home - uses --nm-* tokens from the global stylesheet */
.nm-hero{padding:64px 0 72px;background:radial-gradient(circle at 85% 20%,var(--nm-primary-light) 0%,rgba(244,251,249,0) 60%),#fff}
.nm-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.nm-hero-copy h1{font-size:clamp(28px,4vw,44px);line-height:1.15;margin:0 0 18px;color:var(--nm-ink);max-width:20ch}
.nm-hero-copy p{font-size:17px;color:var(--nm-ink-muted);max-width:54ch;margin:0 0 28px}
.nm-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:26px}
.nm-hero-trust{list-style:none;display:flex;flex-wrap:wrap;gap:12px 18px;padding:0;margin:0;font-size:14px;color:var(--nm-ink-muted)}
.nm-hero-trust i{color:var(--nm-primary);margin-right:6px}
.nm-hero-visual{position:relative;min-height:280px}
.nm-hero-card{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:140px;height:140px;border-radius:20px;background:#fff;box-shadow:var(--nm-shadow);font-weight:600;color:var(--nm-primary-dark)}
.nm-hero-card i{font-size:28px;color:var(--nm-primary)}
.nm-hero-card-1{top:0;left:10%}
.nm-hero-card-2{top:45%;left:45%;background:var(--nm-primary);color:#fff}
.nm-hero-card-2 i{color:#fff}
.nm-hero-card-3{top:5%;left:68%}

/* below-the-fold sections render lazily for faster first paint */
.nm-quals,.nm-why,.nm-steps,.nm-workplaces,.nm-employers,.nm-faq,.nm-blog-teaser{content-visibility:auto;contain-intrinsic-size:auto 520px}

.nm-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.nm-cat-card{display:block;background:#fff;border:1px solid var(--nm-border);border-radius:var(--nm-radius);padding:26px 22px;text-decoration:none;color:var(--nm-ink);transition:box-shadow .15s,transform .15s,border-color .15s}
.nm-cat-card:hover,.nm-cat-card:focus-visible{box-shadow:var(--nm-shadow);transform:translateY(-2px);border-color:var(--nm-primary)}
.nm-cat-card i{font-size:24px;color:var(--nm-primary);margin-bottom:14px;display:block}
.nm-cat-card h3{margin:0 0 6px;font-size:18px}
.nm-cat-card p{margin:0;font-size:14px;line-height:1.6;color:var(--nm-ink-muted)}

/* qualification table */
.nm-table-wrap{overflow-x:auto;border:1px solid var(--nm-border);border-radius:var(--nm-radius);background:#fff}
.nm-table{width:100%;border-collapse:collapse;font-size:15px;min-width:620px}
.nm-table th,.nm-table td{padding:14px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--nm-border)}
.nm-table thead th{background:var(--nm-bg-soft);color:var(--nm-ink);font-size:14px}
.nm-table tbody th{color:var(--nm-primary-dark);font-weight:600}
.nm-table td{color:var(--nm-ink-muted)}
.nm-table tbody tr:last-child th,.nm-table tbody tr:last-child td{border-bottom:0}
.nm-note{margin:14px 0 0;font-size:14px;color:var(--nm-ink-muted)}

.nm-why{background:var(--nm-bg-soft)}
.nm-why-copy p{color:var(--nm-ink-muted);font-size:16px;max-width:66ch}
.nm-why-points{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.nm-why-point{display:flex;gap:14px;background:#fff;border-radius:var(--nm-radius);padding:20px;border:1px solid var(--nm-border)}
.nm-why-point i{font-size:20px;color:var(--nm-primary);margin-top:2px}
.nm-why-point h4{margin:0 0 6px;font-size:16px}
.nm-why-point p{margin:0;font-size:14px;color:var(--nm-ink-muted)}

/* steps (a real sequence, so numbered) */
.nm-step-list{list-style:none;counter-reset:nm-step;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:0;margin:0}
.nm-step-list li{counter-increment:nm-step;position:relative;padding:22px 22px 22px 66px;border:1px solid var(--nm-border);border-radius:var(--nm-radius);background:#fff}
.nm-step-list li::before{content:counter(nm-step);position:absolute;left:20px;top:22px;width:30px;height:30px;border-radius:50%;background:var(--nm-primary);color:#fff;font-weight:700;display:grid;place-items:center}
.nm-step-list h3{margin:0 0 6px;font-size:17px}
.nm-step-list p{margin:0;font-size:14px;line-height:1.65;color:var(--nm-ink-muted)}

/* workplaces */
.nm-chip-list{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:0;margin:0}
.nm-chip-list li{padding:10px 18px;border:1px solid var(--nm-border);border-radius:999px;background:#fff;color:var(--nm-primary-dark);font-size:15px;font-weight:500}

/* faq */
.nm-faq .container{max-width:860px}
.nm-faq-list{display:grid;gap:12px}
.nm-faq-item{border:1px solid var(--nm-border);border-radius:var(--nm-radius);background:#fff}
.nm-faq-item[open]{border-color:var(--nm-primary);background:var(--nm-bg-soft)}
.nm-faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;cursor:pointer;list-style:none}
.nm-faq-item summary::-webkit-details-marker{display:none}
.nm-faq-item summary h3{margin:0;font-size:16px;line-height:1.4;font-weight:600}
.nm-faq-item summary::after{content:"+";flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--nm-bg-soft);color:var(--nm-primary);font-size:18px;font-weight:700;transition:transform .2s}
.nm-faq-item[open] summary::after{transform:rotate(45deg)}
.nm-faq-item p{margin:0;padding:0 20px 18px;font-size:15px;line-height:1.75;color:var(--nm-ink-muted)}
.nm-faq-item summary:focus-visible,.nm-cat-card:focus-visible{outline:3px solid var(--nm-primary);outline-offset:2px}

.nm-blog-teaser-cta{text-align:center;margin-top:8px}

@media (max-width:900px){
.nm-hero{padding:44px 0 52px}
.nm-hero-grid{grid-template-columns:1fr}
.nm-hero-visual{display:none}
.nm-cat-grid{grid-template-columns:repeat(2,1fr)}
.nm-why-points,.nm-step-list{grid-template-columns:1fr}
}
@media (max-width:560px){
.nm-cat-grid{grid-template-columns:1fr}
.nm-hero-actions .nm-btn{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
.nm-cat-card,.nm-faq-item summary::after{transition:none}
.nm-cat-card:hover{transform:none}
}