/* landing-motion.css v3 - scoped under html.lm-on (set by landing-motion.js) */
html.lm-on .lm-hero{isolation:isolate}
html.lm-on .lm-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
html.lm-on .lm-bg i{position:absolute;border-radius:50%;filter:blur(70px);will-change:transform}
html.lm-on .lm-bg .b1{width:46%;height:60%;right:-8%;top:-12%;
 background:rgba(224,120,56,.26);animation:lmBlob 18s ease-in-out infinite alternate}
html.lm-on .lm-bg .b2{width:44%;height:60%;left:-10%;bottom:-18%;
 background:rgba(128,184,224,.22);animation:lmBlob 22s ease-in-out infinite alternate-reverse}
html.lm-on .lm-bg .b3{width:30%;height:40%;left:38%;top:30%;
 background:rgba(108,78,242,.14);animation:lmBlob 26s ease-in-out infinite alternate}
html.lm-on .lm-bg .grid{inset:0;border-radius:0;filter:none;background-size:56px 56px;
 background-image:linear-gradient(rgba(128,128,128,.10) 1px,transparent 1px),
 linear-gradient(90deg,rgba(128,128,128,.10) 1px,transparent 1px);
 -webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 15%,transparent 72%);
 mask-image:radial-gradient(ellipse at 50% 30%,#000 15%,transparent 72%)}
@keyframes lmBlob{from{transform:translate3d(-3%,-2%,0) scale(1)}
 to{transform:translate3d(3%,3%,0) scale(1.12)}}

html.lm-on .lm-grad{display:inline-block;background-size:220% auto;
 background-image:linear-gradient(90deg,#e07838,#6c4ef2,#80b8e0,#e07838);
 -webkit-background-clip:text;background-clip:text;
 -webkit-text-fill-color:transparent;color:transparent;
 animation:lmShift 7s linear infinite;transition:opacity .3s,transform .3s}
html.lm-on .lm-grad.lm-swap{opacity:0;transform:translateY(8px)}
@keyframes lmShift{to{background-position:220% center}}

html.lm-on .lm-rv{opacity:0;transform:translateY(26px);filter:blur(6px);
 transition:opacity .8s cubic-bezier(.2,.7,.2,1),
 transform .8s cubic-bezier(.2,.7,.2,1),filter .8s}
html.lm-on .lm-rv.lm-in{opacity:1;transform:none;filter:none}

html.lm-on .lm-hero [class*="btn"][class*="primary"]{transition:box-shadow .3s,transform .3s}
html.lm-on .lm-hero [class*="btn"][class*="primary"]:hover{
 box-shadow:0 10px 30px -8px rgba(224,120,56,.6);transform:translateY(-2px)}

html.lm-on .hv-float{translate:var(--lm-x,0) var(--lm-y,0);transition:translate .25s ease-out}

html.lm-on .lm-mq-host{display:block!important;overflow:hidden;
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
 mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
html.lm-on .lm-mq{display:flex;flex-direction:column;gap:18px;padding:6px 0}
html.lm-on .lm-mq-row{overflow:hidden;padding:8px 0}
html.lm-on .lm-mq-track{display:flex;gap:18px;padding-right:18px;width:max-content;
 animation:lmMq 60s linear infinite}
html.lm-on .lm-mq-row.lm-rev .lm-mq-track{animation-direction:reverse}
html.lm-on .lm-mq-track>*{flex:0 0 min(340px,80vw);margin:0!important;width:auto;opacity:1!important}
html.lm-on .lm-mq-row:hover .lm-mq-track{animation-play-state:paused}
@keyframes lmMq{to{transform:translateX(-50%)}}

html.lm-on .lm-pg{position:fixed;left:0;top:0;height:3px;width:100%;z-index:9999;
 transform-origin:0 50%;transform:scaleX(0);pointer-events:none;
 background:linear-gradient(90deg,#e07838,#6c4ef2,#80b8e0)}

.lm-orbit{--s:min(380px,78vw);position:relative;width:var(--s);height:var(--s);margin:24px auto}
.lm-ring{position:absolute;inset:0;border:1px dashed rgba(224,120,56,.45);
 border-radius:50%;animation:lmSpin 50s linear infinite}
.lm-ring::after{content:"";position:absolute;inset:14%;
 border:1px dashed rgba(128,184,224,.4);border-radius:50%}
.lm-node{position:absolute;left:50%;top:50%;
 transform:translate(-50%,-50%) rotate(var(--a)) translateX(calc(var(--s)/2)) rotate(calc(var(--a)*-1))}
.lm-chip{display:block;white-space:nowrap;padding:8px 14px;border-radius:999px;
 font:600 12px/1 'DM Sans',sans-serif;border:1px solid rgba(224,120,56,.4);
 background:rgba(224,120,56,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
 animation:lmSpinR 50s linear infinite}
.lm-core{position:absolute;left:50%;top:50%;width:34%;aspect-ratio:1;
 transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;
 text-align:center;padding:10px;font:700 13px/1.2 'DM Sans',sans-serif;
 border:1px solid rgba(224,120,56,.5);
 background:radial-gradient(circle,rgba(224,120,56,.22),rgba(224,120,56,.04));
 box-shadow:0 0 60px rgba(224,120,56,.25);animation:lmPulse 4s ease-in-out infinite}
.lm-orbit:hover .lm-ring,.lm-orbit:hover .lm-chip{animation-play-state:paused}
@keyframes lmSpin{to{transform:rotate(360deg)}}
@keyframes lmSpinR{to{transform:rotate(-360deg)}}
@keyframes lmPulse{50%{box-shadow:0 0 90px rgba(224,120,56,.4)}}

@media (prefers-reduced-motion:reduce){
 html.lm-on .lm-grad,html.lm-on .lm-bg i,.lm-ring,.lm-chip,.lm-core,
 html.lm-on .lm-mq-track{animation:none!important}
 html.lm-on .lm-rv{opacity:1;transform:none;filter:none}
}
/* END landing-motion.css */
html.lm-on .fb-sec .fb-ui{transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
html.lm-on .fb-sec .fb-ui:hover{transform:translateY(-3px);box-shadow:0 12px 32px -14px rgba(224,120,56,.35)}

/* rotating headline: layout jump na ho */
html.lm-on .hero-title .line2{display:inline-block;min-height:2.3em;vertical-align:top}
@media(max-width:600px){
  html.lm-on .hero-title{font-size:clamp(1.55rem,7.4vw,2rem);line-height:1.18}
  html.lm-on .hero-title .line2{min-height:2.4em}
}

/* ===== home cards: lift + accent bar + tint ===== */
html.lm-on .fb-card,html.lm-on .lp-ex-card,html.lm-on .lp-tag-card{
  position:relative;overflow:hidden;
  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,background-color .35s ease}
html.lm-on .fb-card::before,html.lm-on .lp-ex-card::before,html.lm-on .lp-tag-card::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--ld-orange,#e07838),#6c4ef2);
  transform:scaleY(0);transform-origin:top;transition:transform .4s ease;pointer-events:none}
html.lm-on .fb-card:hover,html.lm-on .lp-ex-card:hover,html.lm-on .lp-tag-card:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 36px rgba(32,40,112,.14);
  background-color:rgba(255,249,245,.9)}
html.lm-on .fb-card:hover::before,html.lm-on .lp-ex-card:hover::before,html.lm-on .lp-tag-card:hover::before{transform:scaleY(1)}

/* ===== ecta: glow CTA ===== */
html.lm-on .ecta{position:relative;overflow:hidden;isolation:isolate}
html.lm-on .ecta::before{
  content:"";position:absolute;z-index:-1;left:50%;top:50%;width:520px;height:520px;max-width:120%;
  margin:-260px 0 0 -260px;border-radius:50%;
  background:radial-gradient(circle,rgba(224,120,56,.35),rgba(108,78,242,.18) 45%,transparent 70%);
  filter:blur(30px);animation:lmCtaGlow 6s ease-in-out infinite alternate}
html.lm-on .ecta a{transition:transform .25s ease,box-shadow .25s ease}
html.lm-on .ecta a:hover{transform:translateY(-2px);box-shadow:0 0 0 4px rgba(224,120,56,.18),0 10px 28px rgba(224,120,56,.45)}
@keyframes lmCtaGlow{from{transform:scale(.9);opacity:.7}to{transform:scale(1.1);opacity:1}}

@media (prefers-reduced-motion:reduce){
  html.lm-on .fb-card,html.lm-on .lp-ex-card,html.lm-on .lp-tag-card,html.lm-on .ecta a{transition:none}
  html.lm-on .fb-card:hover,html.lm-on .lp-ex-card:hover,html.lm-on .lp-tag-card:hover{transform:none}
  html.lm-on .ecta::before{animation:none}
}

/* fb-card dark hai: cream tint hatao, subtle lift/glow rakho */
html.lm-on .fb-card:hover{
  background-color:rgba(255,255,255,.04);
  box-shadow:0 14px 36px rgba(0,0,0,.35),0 0 0 1px rgba(224,120,56,.35)}

/* rotating line: ek hi line, jump nahi */
html.lm-on .hero-title .line2{display:block;white-space:nowrap;min-height:1.25em;line-height:1.25}
@media(max-width:600px){
  html.lm-on .hero-title .line2{font-size:.74em}
}

/* HR-FIX: hero standard font, no blur, static gradient */
:is(h1,h2):has(.line2), :is(h1,h2):has(.line2) *{font-family:'DM Sans',system-ui,sans-serif!important;font-weight:700!important;letter-spacing:-.01em!important;text-shadow:none!important;font-synthesis:none}
.line2, .line2 *{filter:none!important;-webkit-filter:none!important;transform:none!important;background-size:100% 100%!important;background-position:0 0!important}
.line2::before,.line2::after{content:none!important}
h1 .line2{display:block!important;min-height:2.3em!important}
.lm-rv{opacity:1!important;filter:none!important;transform:none!important}

/* orbit: mobile par chhota, page se bahar na nikle */
html.lm-on .lp-explore{overflow-x:clip}
@media(max-width:600px){
  .lm-orbit{--s:min(300px,70vw);margin:18px auto 28px}
  .lm-chip{font-size:11px;padding:6px 10px}
  .lm-core{font-size:11px}
}

@media (prefers-reduced-motion:reduce){
  html.lm-on .lm-hero [class*="btn"][class*="primary"],
  html.lm-on .fb-sec .fb-ui,
  html.lm-on .hv-float{transition:none}
  html.lm-on .lm-hero [class*="btn"][class*="primary"]:hover,
  html.lm-on .fb-sec .fb-ui:hover{transform:none}
}

/* hero floating glass cards: halka tilt, hover par seedhe */
html.lm-on .hv-float--tl{rotate:-3deg}
html.lm-on .hv-float--br{rotate:3deg}
html.lm-on .hv-float{transition:translate .25s ease-out,rotate .45s cubic-bezier(.2,.7,.2,1)}
html.lm-on .hv-float:hover{rotate:0deg}
html.lm-on .hv-float.glass-card{box-shadow:0 18px 40px -16px rgba(32,40,112,.28),inset 0 1px 0 rgba(255,255,255,.7)}
@media(max-width:600px){
  html.lm-on .hv-float--tl{rotate:-2deg}
  html.lm-on .hv-float--br{rotate:2deg}
}
@media (prefers-reduced-motion:reduce){
  html.lm-on .hv-float{rotate:0deg;transition:none}
}

/* lp-tag: scroll ke saath bharti line */
html.lm-on .lp-tag .lm-tl{position:relative;height:3px;max-width:760px;margin:22px auto 26px;border-radius:3px;background:rgba(32,40,112,.10);overflow:hidden}
html.lm-on .lp-tag .lm-tl i{position:absolute;inset:0;transform-origin:0 50%;transform:scaleX(var(--lm-p,0));
  background:linear-gradient(90deg,#e07838,#6c4ef2,#80b8e0);will-change:transform}
@media (prefers-reduced-motion:reduce){
  html.lm-on .lp-tag .lm-tl i{transform:scaleX(1)}
}

/* rotating line: ek line, !important rules ke upar */
html.lm-on h1.hero-title .line2{white-space:nowrap!important;min-height:1.3em!important;line-height:1.3!important}
@media(max-width:600px){
  html.lm-on h1.hero-title .line2{font-size:.74em!important}
}

/* orbit mobile: chips bahar na kate */
@media(max-width:600px){
  .lm-orbit{--s:min(250px,62vw);margin:34px auto 40px}
  .lm-node{transform:translate(-50%,-50%) rotate(var(--a)) translateX(calc(var(--s)/2 - 8px)) rotate(calc(var(--a)*-1))}
  .lm-chip{font-size:10px;padding:5px 8px}
  .lm-core{font-size:10px;width:38%}
}

/* hero cards ke numbers: heading jaisa DM Sans */
.hv-float .hvf-val,
.hvcw-amount{font-family:'DM Sans',system-ui,sans-serif!important;font-weight:700!important;letter-spacing:-.01em;font-synthesis:none}
.hvcw-amount{font-size:36px!important}
.hv-float .hvf-val{font-size:17px!important}

/* HR-FIX2: hero ke sab tabs + cards me ek standard font */
section.hero .hero-title, section.hero .hero-title *,
.hero-title, .hero-title *,
.hv-float, .hv-float *,
.lm-chip, .lm-core{font-family:'DM Sans',system-ui,sans-serif!important;font-synthesis:none}
.hero-title, .hero-title *{font-weight:700!important;letter-spacing:-.01em!important}
.hv-float *{font-variant-numeric:tabular-nums}

/* HR-FIX3: hero/calculator numbers standard font */
.hvf-val,.hvcw-amount,.cvr-score-num,.ec-val{font-family:'DM Sans',system-ui,sans-serif!important;font-variant-numeric:tabular-nums;font-weight:800}

/* HR-FIX4: baaki number classes standard font */
.ccb-sv,.sv,.bc-val,.ref-earn-val,.ring-val,.mc-score,.process-step-num{font-family:'DM Sans',system-ui,sans-serif!important;font-variant-numeric:tabular-nums}

/* fb-card: column par border/stripe nahi, sirf andar ke box ko lift */
html.lm-on .fb-card{overflow:visible}
html.lm-on .fb-card::before{display:none}
html.lm-on .fb-card:hover{transform:none;background-color:transparent;box-shadow:none}
html.lm-on .fb-card .fb-ui{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease}
html.lm-on .fb-card:hover .fb-ui{transform:translateY(-4px);box-shadow:0 14px 32px -12px rgba(32,40,112,.28)}
@media (prefers-reduced-motion:reduce){
  html.lm-on .fb-card .fb-ui{transition:none}
  html.lm-on .fb-card:hover .fb-ui{transform:none}
}

/* ===== 91-day strip: pro look ===== */
.fb-ban{
  position:relative;overflow:hidden;isolation:isolate;
  background:linear-gradient(115deg,#141850 0%,#202870 38%,#2f4fa8 78%,#4f86c6 100%)!important;
  grid-template-columns:1.15fr 1fr 1fr!important;
  align-items:stretch!important;gap:18px!important;
  padding:30px 32px!important;border-radius:22px;
  box-shadow:0 22px 50px -24px rgba(20,24,80,.55)}
.fb-ban::before{
  content:"";position:absolute;z-index:-1;right:-80px;top:-120px;width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,rgba(224,120,56,.30),transparent 65%);pointer-events:none}
.fb-ban>div:first-child{display:flex;flex-direction:column;justify-content:center}
.fb-ban h3{font-weight:700!important;letter-spacing:-.01em;font-size:clamp(24px,2.6vw,30px)!important}
.fb-ban div.i{
  display:flex;flex-direction:column;justify-content:center;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.22);
  border-radius:16px!important;padding:20px 22px!important;
  color:rgba(255,255,255,.88);font-size:14px;line-height:1.55;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
  transition:transform .3s ease,background-color .3s ease}
.fb-ban div.i:hover{transform:translateY(-3px);background:rgba(255,255,255,.15)!important}
.fb-ban div.i b{color:#fff;font-size:16px;margin-bottom:8px}
@media(max-width:900px){
  .fb-ban{grid-template-columns:1fr!important;padding:24px 20px!important}
}
@media (prefers-reduced-motion:reduce){
  .fb-ban div.i{transition:none}
  .fb-ban div.i:hover{transform:none}
}

/* HR-FIX5: site-wide standard heading font (landing, inner pages, login, register) */
html body h1,html body h2,html body h3,html body h4,html body h5,html body h6,
body .hr-pg h1,body .hr-pg h2,body .hr-pg h3,body .hr-pg h4,
body .hr-pg .hr-faq summary,body .hr-pg .hr-h{font-family:'DM Sans',system-ui,sans-serif!important;letter-spacing:-.01em}

/* navbar logo bada */
.nav-logo img{height:30px!important;width:auto!important;min-width:0!important;max-width:none!important}
@media(max-width:900px){.nav-logo img{height:28px!important}}
@media(max-width:480px){.nav-logo img{height:26px!important}}

/* HR-FIX6: hero "Explore Rewards" anchor + nav offset */
#refer{display:block;height:0;scroll-margin-top:90px}
#v2-refer{scroll-margin-top:90px}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* HR-FIX7: login/register heading font variable */
body .hr-auth-page,body .hr-overlay{--auth-font-display:'DM Sans',system-ui,sans-serif}
body .hr-form-title,body .hr-left-headline,body .hr-auth-tagline{font-family:'DM Sans',system-ui,sans-serif!important}

/* ===== CV score form (hero) ===== */
.cvs-form{padding:16px 18px;text-align:left}
.cvs-file{display:flex;align-items:center;justify-content:space-between;gap:10px;background:rgba(32,40,112,.06);border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600;color:#202870}
.cvs-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cvs-change{background:none;border:0;color:#e07838;font-weight:700;font-size:13px;cursor:pointer}
.cvs-lbl{display:block;margin:12px 0 6px;font-size:13px;font-weight:700;color:#202870}
.cvs-jd{width:100%;box-sizing:border-box;min-height:100px;resize:vertical;border:1px solid rgba(32,40,112,.18);border-radius:10px;padding:10px 12px;font:14px/1.5 'DM Sans',system-ui,sans-serif;color:#1a1e3a;background:#fff}
.cvs-jd:focus{outline:2px solid rgba(224,120,56,.45);border-color:#e07838}
.cvs-count{text-align:right;font-size:11px;color:#6b7280;margin-top:2px}
.cvs-hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.cvs-consent{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.5;color:#4b5563;margin:10px 0}
.cvs-consent input{margin-top:3px;accent-color:#e07838;flex-shrink:0}
.cvs-consent a{color:#202870;text-decoration:underline}
.cvs-err{color:#b91c1c;font-size:12.5px;margin-bottom:6px}
.cvs-go{width:100%;border:0;border-radius:10px;padding:11px 16px;background:#e07838;color:#fff;font:700 15px 'DM Sans',system-ui,sans-serif;cursor:pointer;transition:opacity .2s,transform .2s}
.cvs-go:disabled{opacity:.45;cursor:not-allowed}
.cvs-go:not(:disabled):hover{transform:translateY(-1px)}
.cvs-cta{display:block;margin-top:10px;background:#e07838;color:#fff!important;text-align:center;padding:9px 16px;border-radius:8px;font-weight:700;font-size:14px;text-decoration:none}
.cvs-links{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;font-size:12.5px}
.cvs-links a{color:#202870;text-decoration:underline}
.cvs-again{background:none;border:0;color:#e07838;font-weight:700;font-size:12.5px;cursor:pointer}
/*mobile-nav-fit*/
@media(max-width:480px){
.nav-inner{padding:0 10px!important;gap:6px!important}
.nav-logo{min-width:0!important;flex-shrink:0!important}
.nav-logo img{height:24px!important}
.nav-right{gap:5px!important}
.nav-right .btn-jobs{font-size:11px!important;padding:5px 9px!important}
.nav-right a:not(.btn-jobs){font-size:12px!important;padding:5px 4px!important}
}
