*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --or:#E87722;--or2:#F5A050;--or3:#FEF0E4;--or4:#FBE6D4;
  --ink:#2A2825;--g6:#3D3A35;--g7:#2A2725;
  --w:#FFFFFF;--off:#FAF9F7;--g1:#F3F2EF;--g2:#E5E3DE;--g3:#C0BCB5;--g4:#8C8880;--g5:#52504C;
  --sans:'Plus Jakarta Sans',sans-serif;
  --nav-h:68px;
  --primary-color-one:#f6821f;
  --maincolor:#f6821f;--black:#000000;--white:#ffffff;--wc-green:#7ad03a;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#a46497;--wc-primary-text:#fff;--wc-secondary:#ebe9eb;--wc-secondary-text:#515151;--wc-highlight:#77a464;--wc-highligh-text:#fff;--wc-content-bg:#fff;--wc-subtext:#767676
}

@-webkit-keyframes spin{
  100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spin{
  100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--w);-webkit-font-smoothing:antialiased;overflow-x:hidden;cursor:none}
a{text-decoration:none;color:inherit}
button{font-family:var(--sans);cursor:pointer;border:none;background:none}

/* ── CURSOR ── */
#cur{position:fixed;width:10px;height:10px;background:var(--or);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .18s,height .18s,background .2s}
#cur-ring{position:fixed;width:38px;height:38px;border:1.5px solid rgba(232,119,34,.45);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);will-change:transform;transition:width .22s,height .22s,border-color .2s}
body.hov #cur{width:22px;height:22px;background:var(--or2)}
body.hov #cur-ring{width:58px;height:58px;border-color:rgba(232,119,34,.22)}

/* ── NAV (Tata-style sticky with mega-menu) ── */
#nav{position:fixed;top:0;left:0;right:0;z-index:500;height:var(--nav-h)}
.nav-bar{height:var(--nav-h);padding:0 52px;display:flex;align-items:center;justify-content:space-between;background:rgba(42,39,37,.92);backdrop-filter:blur(20px) saturate(1.5);border-bottom:1px solid rgba(255,255,255,.06);transition:background .3s}
.nav-brand{display:flex;align-items:center;gap:11px}
.nw{font-size:20px;font-weight:800;color:var(--or);letter-spacing:-.3px;line-height:1}
.nt{font-size:8px;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,.3);margin-top:2px;font-weight:500}
.nav-links{display:flex;align-items:stretch;height:var(--nav-h)}
.nav-item{position:relative;display:flex;align-items:center}
.nav-trigger{padding:0 15px;font-size:11px;font-weight:600;color:rgba(255,255,255,.55);height:100%;display:flex;align-items:center;gap:5px;transition:color .2s;white-space:nowrap;border-bottom:3px solid transparent;transition:all .2s}
.nav-trigger i{font-size:10px;transition:transform .2s}
.nav-item:hover .nav-trigger{color:var(--w);border-bottom-color:var(--or)}
.nav-item:hover .nav-trigger i{transform:rotate(180deg)}
.nav-cta{padding:9px 22px;background:var(--or);color:var(--w);font-size:11px;font-weight:700;border-radius:8px;margin-left:10px;transition:all .2s;display:flex;align-items:center;gap:6px}
.nav-cta:hover{background:var(--or2);transform:translateY(-1px);box-shadow:0 5px 18px rgba(232,119,34,.4)}

/* TATA-STYLE MEGA DROPDOWN */
.mega-drop{position:absolute;top:var(--nav-h);left:50%;transform:translateX(-50%);min-width:680px;background:var(--w);border-top:3px solid var(--or);box-shadow:0 24px 80px rgba(60,55,50,.12);opacity:0;pointer-events:none;transition:opacity .22s,transform .22s;transform:translateX(-50%) translateY(-8px)}
.nav-item:hover .mega-drop{opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0)}
.mega-inner{display:grid;gap:0}
.mega-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.mega-col{padding:32px 28px;border-right:1px solid var(--g2)}
.mega-col:last-child{border-right:none}
.mega-col-head{font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--or);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--g2)}
.mega-links{display:flex;flex-direction:column;gap:4px}
.mega-link{font-size:13px;font-weight:500;color:var(--g5);padding:7px 10px;border-radius:8px;transition:all .18s;display:flex;align-items:center;gap:8px}
.mega-link i{font-size:14px;color:var(--g3);transition:color .18s}
.mega-link:hover{background:var(--or3);color:var(--ink)}
.mega-link:hover i{color:var(--or)}
.mega-link-main{font-size:12.5px;font-weight:700;color:var(--or);padding:7px 10px;border-radius:8px;display:flex;align-items:center;gap:6px;transition:background .18s;margin-bottom:6px}
.mega-link-main:hover{background:var(--or3)}
.mega-bottom{padding:16px 28px;background:var(--or3);border-top:1px solid rgba(232,119,34,.15);display:flex;align-items:center;justify-content:space-between}
.mega-bottom span{font-size:11px;font-weight:600;color:var(--g5)}
.mega-bottom a{font-size:11px;font-weight:700;color:var(--or);display:flex;align-items:center;gap:5px;transition:gap .15s}
.mega-bottom a:hover{gap:8px}

/* Simple mega (2-col) */
.mega-drop.sm{min-width:440px}
.mega-drop.sm .mega-cols{grid-template-columns:1fr 1fr;}

/* ── HERO SLIDER (Tata-style full-screen) ── */
.hero{position:relative;height:100vh;overflow:hidden}
.hero-slides{display:flex;height:100%;transition:transform .8s cubic-bezier(.77,0,.18,1)}
.slide{min-width:100%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:0 52px 180px}
.slide-bg{position:absolute;inset:0;background:var(--g7)}
/* Slide pattern backgrounds */
.s1 .slide-bg{background:radial-gradient(ellipse 90% 90% at 75% 40%,rgba(232,119,34,.16) 0%,transparent 65%),linear-gradient(160deg,#322d26 0%,#2a2825 100%)}
.s2 .slide-bg{background:radial-gradient(ellipse 80% 80% at 30% 60%,rgba(232,119,34,.13) 0%,transparent 60%),linear-gradient(150deg,#2a2725 0%,#3a3025 100%)}
.s3 .slide-bg{background:radial-gradient(ellipse 70% 70% at 60% 30%,rgba(232,119,34,.18) 0%,transparent 55%),linear-gradient(140deg,#2e2a24 0%,#3e3220 100%)}
.slide-ghost{position:absolute;right:-5%;bottom:-5%;font-size:clamp(180px,22vw,280px);font-weight:800;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.04);line-height:1;letter-spacing:-8px;pointer-events:none;user-select:none}
.slide-lotus{position:absolute;right:6%;top:50%;transform:translateY(-50%);width:clamp(280px,32vw,440px);height:clamp(280px,32vw,440px);opacity:.07;pointer-events:none}
.slide-eyebrow{display:inline-flex;align-items:center;gap:9px;background:rgba(232,119,34,.15);border:1px solid rgba(232,119,34,.35);padding:5px 16px;border-radius:100px;margin-bottom:24px;width:fit-content}
.slide-eyebrow-dot{width:5px;height:5px;background:var(--or);border-radius:50%;animation:blink 2s infinite}
.slide-eyebrow span{font-size:9.5px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--or2)}
.slide-h{font-size:clamp(52px,7.5vw,96px);font-weight:800;color:var(--w);line-height:.93;letter-spacing:-3.5px;margin-bottom:20px}
.slide-h em{color:var(--or);font-style:normal;display:block}
.slide-p{font-size:16px;font-style:italic;font-weight:300;color:rgba(255,255,255,.45);max-width:460px;line-height:1.75;margin-bottom:36px}
.slide-btns{display:flex;gap:12px;align-items:center}
.btn-or{padding:13px 30px;background:var(--or);color:var(--w);font-size:12px;font-weight:700;border-radius:10px;transition:all .2s;display:inline-flex;align-items:center;gap:7px}
.btn-or:hover{background:var(--or2);transform:translateY(-2px);box-shadow:0 8px 26px rgba(232,119,34,.44)}
.btn-ghost{padding:13px 30px;border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.72);font-size:12px;font-weight:600;border-radius:10px;transition:all .2s}
.btn-ghost:hover{border-color:var(--or);color:var(--or);transform:translateY(-1px)}
/* Tata-style slide indicators */
.slide-nav{position:absolute;bottom:100px;left:52px;display:flex;gap:16px;align-items:center}
.slide-dot{width:28px;height:3px;background:rgba(255,255,255,.2);border-radius:2px;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}
.slide-dot.active{background:rgba(255,255,255,.2);width:44px}
.slide-dot.active::after{content:'';position:absolute;left:0;top:0;height:100%;background:var(--or);border-radius:2px;animation:progress 5s linear forwards}
@keyframes progress{0%{width:0}100%{width:100%}}
/* Scroll hint */
.hero-scroll{position:absolute;bottom:40px;right:52px;display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.25);font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase}
.scroll-wire{width:40px;height:1px;background:rgba(255,255,255,.15);position:relative;overflow:hidden}
.scroll-wire::after{content:'';position:absolute;left:-100%;top:0;width:100%;height:100%;background:var(--or);animation:wire 2.2s ease 1.5s infinite}
@keyframes wire{0%{left:-100%}100%{left:100%}}
/* Tata-style story tag */
.story-tag{position:absolute;top:0;left:52px;background:var(--or);padding:8px 20px;font-size:9.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--w)}
/* Hero stats bar */
.hero-stats{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.03);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.07)}
.hst{padding:20px 36px;border-right:1px solid rgba(255,255,255,.06);transition:background .2s}
.hst:hover{background:rgba(232,119,34,.08)}
.hst:last-child{border-right:none}
.hst-n{font-size:32px;font-weight:800;color:var(--w);letter-spacing:-1.5px;line-height:1}
.hst-n sup{font-size:15px;color:var(--or)}
.hst-l{font-size:12px;font-weight:600;color:rgba(255,255,255,.58);margin-top:3px}
.hst-s{font-size:10px;color:rgba(255,255,255,.24);margin-top:1px}

/* ── TICKERS ── */
.ticker{background:var(--or);height:46px;overflow:hidden;display:flex;align-items:center}
.t-in{display:inline-flex;white-space:nowrap;animation:tick 20s linear infinite}
.t-in span{font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,.9);padding:0 26px}
.t-in span::before{content:'◆';margin-right:26px;font-size:6px;opacity:.45}
@keyframes tick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ── REVEAL ANIMATIONS ── */
.rv{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.rl{opacity:0;transform:translateX(-28px);transition:opacity .7s ease,transform .7s ease}
.rr{opacity:0;transform:translateX(28px);transition:opacity .7s ease,transform .7s ease}
.rv.in,.rl.in,.rr.in{opacity:1;transform:translate(0)}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}

/* ── SECTIONS ── */
.sec{padding:88px 52px}
.sec-off{background:var(--off)}.sec-g1{background:var(--g1)}.sec-or3{background:var(--or3)}.sec-dark{background:var(--g7)}
.ey{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.ey::before{content:'';width:22px;height:2px;background:var(--or);border-radius:2px}
.ey span{font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--or)}
.ey-lt span{color:var(--or2)}.ey-lt::before{background:var(--or2)}
.sh{font-size:clamp(26px,3vw,40px);font-weight:800;color:var(--ink);line-height:1.08;letter-spacing:-.8px}
.sh-lt{color:var(--w)}
.srule{width:36px;height:3px;background:var(--or);border-radius:2px;margin-top:14px}
.sp{font-size:14.5px;color:var(--g4);line-height:1.9;font-weight:300;margin-top:12px}
.sp-lt{color:rgba(255,255,255,.45)}

/* ── TATA-STYLE IN THE NEWS ── */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.news-card{background:var(--w);border-radius:16px;overflow:hidden;border:1px solid var(--g2);transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column}
.news-card:hover{transform:translateY(-5px);box-shadow:0 16px 48px rgba(60,55,50,.09)}
.news-img{width:100%;height:200px;background:linear-gradient(135deg,var(--g6),var(--g5));position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.news-img-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .4s}
.news-card:hover .news-img-bg{transform:scale(1.04)}
.news-type{position:absolute;top:14px;left:14px;background:var(--or);color:var(--w);font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:4px 12px;border-radius:100px}
.news-body{padding:22px 22px 26px;flex:1;display:flex;flex-direction:column}
.news-date{font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--g3);margin-bottom:10px}
.news-title{font-size:16px;font-weight:800;color:var(--ink);line-height:1.3;letter-spacing:-.3px;margin-bottom:8px}
.news-sub{font-size:13px;color:var(--g4);line-height:1.65;flex:1}
.news-lnk{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-size:11px;font-weight:700;color:var(--or);text-transform:uppercase;letter-spacing:.8px;transition:gap .15s}
.news-card:hover .news-lnk{gap:9px}

/* ── TATA STYLE: DID YOU KNOW FACT BOX ── */
.fact-band{background:var(--or);padding:48px 52px;display:flex;align-items:center;gap:48px}
.fact-label{font-size:9.5px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.7);white-space:nowrap;flex-shrink:0}
.fact-divider{width:1px;height:60px;background:rgba(255,255,255,.25);flex-shrink:0}
.fact-text{font-size:clamp(16px,2.2vw,22px);font-weight:600;color:var(--w);line-height:1.45;flex:1}
.fact-text em{font-style:normal;font-weight:800;color:rgba(255,255,255,.95)}
.fact-refresh{width:44px;height:44px;background:rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--w);font-size:18px;cursor:pointer;transition:all .2s;flex-shrink:0;border:none}
.fact-refresh:hover{background:rgba(255,255,255,.25);transform:rotate(180deg)}

/* ── TATA-STYLE HERITAGE STRIP ── */
.heritage-strip{background:var(--g7);padding:64px 52px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;overflow:hidden}
.heritage-ghost{position:absolute;right:-30px;bottom:-40px;font-size:220px;font-weight:800;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.03);letter-spacing:-8px;line-height:1;pointer-events:none;user-select:none}
.heritage-year{font-size:clamp(72px,10vw,120px);font-weight:800;color:var(--or);letter-spacing:-4px;line-height:1;margin-bottom:4px}
.heritage-title{font-size:clamp(20px,2.5vw,30px);font-weight:800;color:var(--w);line-height:1.2;letter-spacing:-.5px;margin-bottom:14px}
.heritage-body{font-size:14px;color:rgba(255,255,255,.45);line-height:1.9;font-weight:300}
.heritage-tl{display:flex;flex-direction:column;gap:0}
.htl-row{display:grid;grid-template-columns:64px 1fr;position:relative;cursor:pointer}
.htl-row:not(:last-child)::after{content:'';position:absolute;left:31px;top:38px;bottom:0;width:1px;background:rgba(255,255,255,.12)}
.htl-yr{font-size:11px;font-weight:700;color:var(--or);text-align:right;padding-right:14px;padding-top:4px}
.htl-node{position:relative;padding:0 0 22px 22px}
.htl-node::before{content:'';position:absolute;left:-7px;top:7px;width:13px;height:13px;background:var(--g7);border:2.5px solid var(--or);border-radius:50%;z-index:1;transition:transform .2s,box-shadow .2s}
.htl-row:hover .htl-node::before{transform:scale(1.35);box-shadow:0 0 0 5px rgba(232,119,34,.12)}
.htl-ev{font-size:13px;font-weight:700;color:rgba(255,255,255,.85);margin-bottom:3px}
.htl-d{font-size:12px;color:rgba(255,255,255,.38);line-height:1.6}

/* ── SPLIT BIG HEADING (Lando-style) ── */
.split-sec{padding:88px 52px;background:var(--w);display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.split-bh{font-size:clamp(44px,6vw,76px);font-weight:800;color:var(--ink);line-height:.93;letter-spacing:-3px}
.split-bh .lo{color:var(--or);display:block}
.split-est{display:inline-flex;align-items:center;gap:12px;background:var(--or3);border:1px solid rgba(232,119,34,.2);border-radius:12px;padding:14px 20px;margin-top:22px}
.split-en{font-size:34px;font-weight:800;color:var(--or);letter-spacing:-2px;line-height:1}
.split-el{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--or);opacity:.8;line-height:1.6}

/* ── ANIMATED STATS ── */
.stats-band{display:grid;grid-template-columns:repeat(4,1fr);background:var(--or3);border-top:2px solid var(--or4);border-bottom:2px solid var(--or4)}
.sbi{padding:44px 36px;border-right:1px solid rgba(232,119,34,.2);position:relative;overflow:hidden;transition:background .2s}
.sbi:last-child{border-right:none}
.sbi:hover{background:var(--or4)}
.sbi-acc{position:absolute;top:0;left:0;width:3px;height:0;background:var(--or);transition:height .4s}
.sbi:hover .sbi-acc{height:100%}
.sbi-ico{width:44px;height:44px;background:var(--w);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--or);font-size:20px;margin-bottom:16px;transition:transform .2s;box-shadow:0 2px 12px rgba(232,119,34,.15)}
.sbi:hover .sbi-ico{transform:scale(1.1) rotate(-5deg)}
.sbi-n{font-size:46px;font-weight:800;color:var(--ink);line-height:1;letter-spacing:-3px;margin-bottom:4px}
.sbi-n span{font-size:22px;color:var(--or)}
.sbi-l{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:3px}
.sbi-s{font-size:11px;color:var(--g4)}
.sbi-bar{height:3px;background:rgba(232,119,34,.2);border-radius:2px;margin-top:18px;overflow:hidden}
.sbi-bf{height:100%;background:var(--or);border-radius:2px;width:0;transition:width 1.4s ease}

/* ── BIG TEXT + BIZ CARDS ── */
.bth{font-size:clamp(50px,7.5vw,88px);font-weight:800;color:var(--ink);line-height:.9;letter-spacing:-4px;display:flex;flex-direction:column}
.lo{color:transparent;-webkit-text-stroke:2px var(--ink)}
.btr{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-top:48px}
.biz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.biz-card{background:var(--w);border-radius:20px;overflow:hidden;border:1px solid var(--g2);transition:transform .3s,box-shadow .3s}
.biz-card:hover{transform:translateY(-7px);box-shadow:0 22px 56px rgba(60,55,50,.1)}
.biz-hd{padding:30px 28px 24px;background:linear-gradient(140deg,var(--g7),var(--g6));position:relative;overflow:hidden}
.biz-hd::after{content:attr(data-num);position:absolute;right:-14px;bottom:-28px;font-size:100px;font-weight:800;color:rgba(255,255,255,.04);line-height:1;letter-spacing:-5px;pointer-events:none}
.biz-pill{display:inline-flex;align-items:center;background:rgba(232,119,34,.2);border:1px solid rgba(232,119,34,.3);color:var(--or2);font-size:8.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:3px 12px;border-radius:100px;margin-bottom:12px}
.biz-title{font-size:20px;font-weight:800;color:var(--w);line-height:1.2;letter-spacing:-.4px}
.biz-bd{padding:20px 28px 24px;display:flex;flex-direction:column}
.biz-desc{font-size:13px;color:var(--g4);line-height:1.8;flex:1;margin-bottom:16px}
.biz-lnk{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--or);display:inline-flex;align-items:center;gap:6px;transition:gap .2s}
.biz-card:hover .biz-lnk{gap:10px}

/* ── HORIZONTAL SCROLL (Lando drag-scroll) ── */
.hscroll-sec{padding:72px 0;background:var(--g1);overflow:hidden}
.hscroll-hd{padding:0 52px 28px;display:flex;justify-content:space-between;align-items:flex-end}
.scnav{display:flex;gap:8px}
.scbtn{width:38px;height:38px;border-radius:50%;border:1px solid var(--g2);background:var(--w);display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--g4);transition:all .2s}
.scbtn:hover{background:var(--or);border-color:var(--or);color:var(--w)}
.htrack{display:flex;gap:16px;padding:0 52px 16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;scroll-behavior:smooth}
.htrack::-webkit-scrollbar{display:none}
.htrack:active{cursor:grabbing}
.hcard{flex-shrink:0;width:272px;scroll-snap-align:start;background:var(--w);border-radius:16px;overflow:hidden;border:1px solid var(--g2);transition:transform .2s,box-shadow .2s}
.hcard:hover{transform:translateY(-5px);box-shadow:0 12px 36px rgba(60,55,50,.08)}
.hcard-img{width:100%;height:170px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.hci{opacity:.12;transition:opacity .3s,transform .3s}
.hcard:hover .hci{opacity:.22;transform:scale(1.1)}
.hcard-lb{position:absolute;top:12px;left:12px;background:rgba(0,0,0,.5);color:rgba(255,255,255,.75);font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:4px 10px;border-radius:100px;backdrop-filter:blur(4px)}
.hcard-body{padding:16px 18px 20px}
.hcard-cat{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--or);margin-bottom:5px}
.hcard-title{font-size:15px;font-weight:800;color:var(--ink);line-height:1.2;letter-spacing:-.3px;margin-bottom:5px}
.hcard-desc{font-size:11.5px;color:var(--g4);line-height:1.65}
.hcard-arr{display:inline-flex;align-items:center;gap:5px;margin-top:10px;font-size:11px;font-weight:700;color:var(--or);transition:gap .15s}
.hcard:hover .hcard-arr{gap:9px}

/* ── MOSAIC (Lando-style photo grid) ── */
.mosaic-sec{background:var(--ink)}
.mosaic-hd{padding:72px 52px 36px;display:flex;justify-content:space-between;align-items:flex-end}
.mosaic-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:240px 240px;gap:3px}
.mc-cell{position:relative;overflow:hidden;cursor:pointer}
.mc-cell:first-child{grid-row:1/3}
.mc-bg{width:100%;height:100%;transition:transform .5s ease;display:flex;align-items:center;justify-content:center}
.mc-cell:hover .mc-bg{transform:scale(1.05)}
.mc-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.72) 0%,transparent 55%);opacity:0;transition:opacity .3s}
.mc-cell:hover .mc-ov{opacity:1}
.mc-lb{position:absolute;bottom:0;left:0;right:0;padding:16px 20px;transform:translateY(6px);opacity:0;transition:all .28s}
.mc-cell:hover .mc-lb{transform:translateY(0);opacity:1}
.mc-cat{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--or);margin-bottom:3px}
.mc-title{font-size:13.5px;font-weight:700;color:var(--w);line-height:1.3}
.cb1{background:linear-gradient(140deg,#3e3830,#2e2822)}
.cb2{background:linear-gradient(140deg,#4d3a20,#3a2c18)}
.cb3{background:linear-gradient(140deg,#2e3840,#1e2830)}
.cb4{background:linear-gradient(140deg,#382e40,#281e30)}
.cb5{background:linear-gradient(140deg,#2a3830,#1a2820)}

/* ── QUOTE STRIP ── */
.quote-strip{background:var(--g6);padding:68px 52px;position:relative;overflow:hidden}
.qg{position:absolute;right:-20px;top:50%;transform:translateY(-50%);font-size:220px;font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.025);letter-spacing:-10px;pointer-events:none;user-select:none}
.qt{font-size:clamp(20px,2.8vw,36px);font-weight:500;color:var(--w);line-height:1.4;max-width:820px;position:relative;z-index:1}
.qt strong{color:var(--or);font-weight:800}
.qa{margin-top:24px;display:flex;align-items:center;gap:14px}
.qa-av{width:44px;height:44px;background:var(--or);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:var(--w);flex-shrink:0}
.qa-nm{font-size:13px;font-weight:700;color:rgba(255,255,255,.8)}
.qa-rl{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.3);margin-top:2px}

/* ── VALUES ── */
.val-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}
.val-card{background:var(--w);border-radius:20px;padding:26px 22px;border:1px solid var(--g2);position:relative;overflow:hidden;transition:all .25s}
.val-card:hover{border-color:var(--or);transform:translateY(-5px);box-shadow:0 14px 40px rgba(232,119,34,.1)}
.val-ghost{position:absolute;right:-6px;bottom:-20px;font-size:82px;font-weight:800;color:var(--g1);line-height:1;letter-spacing:-4px;pointer-events:none;transition:color .25s}
.val-card:hover .val-ghost{color:rgba(232,119,34,.07)}
.val-ico{width:44px;height:44px;background:var(--or);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--w);font-size:20px;margin-bottom:14px;transition:transform .25s}
.val-card:hover .val-ico{transform:rotate(-7deg) scale(1.1)}
.val-nm{font-size:15px;font-weight:800;color:var(--ink);margin-bottom:7px;position:relative;z-index:1}
.val-desc{font-size:12.5px;color:var(--g4);line-height:1.75;position:relative;z-index:1}
.val-line{width:26px;height:3px;background:var(--or);border-radius:2px;margin-top:13px}

/* ── LEADERSHIP ── */
.leader-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
.lc{background:var(--w);border-radius:20px;padding:26px 20px;text-align:center;border:1px solid var(--g2);transition:all .2s;position:relative;overflow:hidden}
.lc::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--or);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.lc:hover{transform:translateY(-5px);box-shadow:0 14px 36px rgba(60,55,50,.08)}
.lc:hover::after{transform:scaleX(1)}
.lav{width:58px;height:58px;background:var(--or);border-radius:50%;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:var(--w);transition:transform .2s}
.lc:hover .lav{transform:scale(1.08)}
.lnm{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:4px;line-height:1.3}
.lrl{font-size:9.5px;letter-spacing:1px;text-transform:uppercase;color:var(--g3)}

/* ── TATA-STYLE CAREERS BAND ── */
.careers-band{background:var(--or3);border-top:2px solid var(--or4);padding:72px 52px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}
.career-card{background:var(--w);border-radius:16px;padding:28px 24px;border:1px solid rgba(232,119,34,.2);transition:all .2s;display:flex;flex-direction:column}
.career-card:hover{border-color:var(--or);box-shadow:0 8px 28px rgba(232,119,34,.15);transform:translateY(-4px)}
.career-ico{width:48px;height:48px;background:var(--or);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--w);font-size:22px;margin-bottom:16px}
.career-title{font-size:16px;font-weight:800;color:var(--ink);margin-bottom:8px;letter-spacing:-.2px}
.career-desc{font-size:13px;color:var(--g4);line-height:1.75;flex:1;margin-bottom:16px}
.career-lnk{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--or);display:inline-flex;align-items:center;gap:6px;transition:gap .15s}
.career-card:hover .career-lnk{gap:9px}

/* ── CSR ── */
.csr-layout{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.csr-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.csr-card{background:rgba(255,255,255,.04);border-radius:16px;border:1px solid rgba(255,255,255,.07);padding:24px 20px;transition:all .2s}
.csr-card:hover{background:rgba(255,255,255,.08);border-color:rgba(232,119,34,.35);transform:translateY(-3px)}
.csr-ico{width:42px;height:42px;border:1px solid rgba(232,119,34,.3);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--or2);font-size:19px;margin-bottom:11px;transition:background .2s}
.csr-card:hover .csr-ico{background:rgba(232,119,34,.12)}
.csr-n{font-size:32px;font-weight:800;color:var(--or);line-height:1;margin-bottom:4px;letter-spacing:-1.5px}
.csr-n span{font-size:16px}
.csr-t{font-size:13px;font-weight:700;color:var(--w);margin-bottom:4px}
.csr-d{font-size:11.5px;color:rgba(255,255,255,.32);line-height:1.65;font-weight:300}

/* ── REVERSE MARQUEE ── */
.mq2{background:var(--g6);padding:18px 0;overflow:hidden;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}
.mq2-in{display:inline-flex;white-space:nowrap;animation:tick 28s linear infinite reverse}
.mq2-in span{font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.16);padding:0 30px}
.mq2-in span.ac{color:rgba(232,119,34,.48)}

/* ── CTA BAND ── */
.cta-band{padding:76px 52px;background:var(--or);display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;position:relative;overflow:hidden}
.cta-band::before{content:'';position:absolute;right:-80px;top:-80px;width:480px;height:480px;background:rgba(255,255,255,.06);border-radius:50%;pointer-events:none}
.cta-band::after{content:'';position:absolute;right:80px;bottom:-130px;width:340px;height:340px;background:rgba(255,255,255,.04);border-radius:50%;pointer-events:none}
.cta-ghost{position:absolute;left:-10px;bottom:-28px;font-size:150px;font-weight:800;color:rgba(255,255,255,.05);line-height:1;letter-spacing:-6px;pointer-events:none;user-select:none}
.cta-h{font-size:clamp(26px,3.2vw,40px);font-weight:800;color:var(--w);line-height:1.12;letter-spacing:-.8px;margin-bottom:9px;position:relative;z-index:1}
.cta-s{font-size:14.5px;color:rgba(255,255,255,.7);line-height:1.75;font-weight:300;position:relative;z-index:1}
.cta-acts{display:flex;gap:12px;flex-shrink:0;position:relative;z-index:1}
.btn-dark{background:var(--g7);color:var(--w);padding:14px 26px;font-size:12px;font-weight:700;border-radius:10px;transition:all .2s;white-space:nowrap}
.btn-dark:hover{background:var(--g6);transform:translateY(-1px)}
.btn-wht{background:var(--w);color:var(--or);padding:14px 26px;font-size:12px;font-weight:700;border-radius:10px;white-space:nowrap;transition:all .2s}
.btn-wht:hover{opacity:.9;transform:translateY(-1px)}

/* ── FOOTER ── */
footer{background:var(--g7);padding:0 52px}
.ft-main{display:grid;grid-template-columns:260px 1fr 1fr 1fr;gap:48px;padding:56px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.ft-logo{font-size:20px;font-weight:800;color:var(--or);letter-spacing:-.3px;margin-bottom:4px}
.ft-tag{font-size:8.5px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.18);margin-bottom:12px}
.ft-p{font-size:12px;color:rgba(255,255,255,.26);line-height:1.9;font-weight:300}
.ft-soc{display:flex;gap:8px;margin-top:18px}
.ft-soc a{width:34px;height:34px;background:rgba(255,255,255,.06);border-radius:8px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.35);font-size:16px;transition:all .2s}
.ft-soc a:hover{background:var(--or);color:var(--w);transform:translateY(-2px)}
.ft-h{font-size:8.5px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--or);margin-bottom:16px;padding-bottom:9px;border-bottom:1px solid rgba(232,119,34,.15)}
.ft-links{list-style:none;display:flex;flex-direction:column;gap:9px}
.ft-links a{font-size:13px;color:rgba(255,255,255,.32);transition:color .2s}
.ft-links a:hover{color:var(--or2)}
.ft-closer{padding:48px 52px;border-top:1px solid rgba(255,255,255,.05);text-align:center}
.ft-closer-h{font-size:clamp(32px,5vw,60px);font-weight:800;color:rgba(255,255,255,.06);letter-spacing:-2px;line-height:1}
.ft-closer-h em{color:rgba(232,119,34,.2);font-style:normal}
.ft-bot{display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-size:10.5px;color:rgba(255,255,255,.16)}
.ft-bot a{color:rgba(255,255,255,.16);margin-left:18px;transition:color .2s}
.ft-bot a:hover{color:var(--or)}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
/*--------------------------------------------------------------
# Brand Logo
--------------------------------------------------------------*/
.brand-section{padding:70px 0px;}
.laxmi-card{width:100%;height:auto;position:relative;overflow:hidden;border-radius:14px;background:#fff;cursor:pointer;transition:transform 0.7s cubic-bezier(0.14,1,0.34,1);box-shadow:0 4px 24px 0 rgba(49,84,154,.1);padding:30px 0px 10px 30px;display:block;}
.laxmi-card .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;  /* 🔥 KEY CHANGE: CLIP-PATH */clip-path:inset(100% 0 0 0);transition:clip-path 0.7s cubic-bezier(0.14,1,0.34,1);z-index:0;}
.laxmi-card:hover .bg{clip-path:inset(0 0 0 0);}
.laxmi-card .overlay{position:absolute;inset:0;background:rgba(0,0,0,0);transition:background 0.7s cubic-bezier(0.14,1,0.34,1);z-index:1;}
.laxmi-card:hover .overlay{background:rgba(0,0,0,0.55);}
.content{position:relative;display:flex;flex-direction:column;justify-content:center;color:#09263b;z-index:20;transition:color .2s cubic-bezier(0.14,1,0.34,1);}
.content h3{font-size:22px;margin-bottom:16px;}
.content p{width:300px;font-size:20px;line-height:1.4;opacity:1;margin:0px;}
.laxmi-card:hover .content{color:#fff;}
.card-logo{position:relative;margin-bottom:30px;z-index:9;height: 110px;}
.borderbottom{position:absolute;left:0;right:0;bottom:0;height:3px;background-color:#E7A614;}
.card-logo img{max-width:150px;}
.laxmi-card .stats{margin-top:12px;display:none;position:absolute;bottom:30px;left:30px;}
.laxmi-card .stats strong{font-size:30px;font-style:normal;font-weight:700;line-height:100%;text-transform:uppercase;letter-spacing:-1px;}
.laxmi-card .stats span{display:block;font-size:16px;font-style:normal;font-weight:400;line-height:160%;}
.card-vector{aspect-ratio:413 / 282;width:100%;pointer-events:none;}
.laxmi-card:hover .stats{display:flex;gap:30px;position:absolute;bottom:30px;left:30px;z-index:1;display:flex;align-items:center;color:rgb(255,255,255);}
.laxmi-card:hover .content h3{color:#fff;}
.laxmi-card:hover .borderbottom{display:none;}
.borderblack{background-color: #000;}
.borderred{background-color: #900;}
.title-info{max-width: 600px;}
.title-info p{font-size: 18px;}
.brand-title{margin-bottom: 60px;}
.main-title{font-size: 60px;line-height: 125%;font-weight: 700;letter-spacing: -1px;margin-bottom: 20px;}
.title-btn{float: right;}
.title-btn a{display:inline-block;padding:18px 32px;border-radius:30px;background:var(--primary-color-one);color:#fff;text-align:center;transition:all 0.5s ease;overflow:hidden;font-size:16px;text-transform: capitalize;font-weight:600;}
.title-btn a:hover{background-color: var(--black);}
.right-subtext p{text-align: right;}

.rv,.rl,.rr{opacity:1!important;transform:translate(0)!important}
.rv,.rl,.rr{opacity:1!important;transform:translate(0)!important}


/* LAXMI STATIC MEGA HEADER */
.laxmi-header{
  position:relative;
  z-index:1000;
  height:62px;
  background:#292725;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.laxmi-nav{
  width:100%;
  height:62px;
  padding:0 42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.laxmi-brand{
  display:flex;
  align-items:center;
  gap:9px;
  text-decoration:none!important;
}
.laxmi-brand svg{width:28px;height:28px;flex:0 0 28px}
.laxmi-brand span{display:flex;flex-direction:column}
.laxmi-brand strong{
  color:#e87722;
  font-size:16px;
  font-weight:800;
  line-height:1;
}
.laxmi-brand small{
  color:rgba(255,255,255,.35);
  font-size:6px;
  font-weight:600;
  letter-spacing:1.5px;
  margin-top:4px;
}
.laxmi-links{
  align-self:stretch;
  display:flex;
  align-items:center;
  gap:0;
}
.laxmi-links>a,
.laxmi-item>a{
  height:62px;
  padding:0 15px;
  display:flex;
  align-items:center;
  gap:5px;
  color:rgba(255,255,255,.62)!important;
  font-size:11px;
  font-weight:600;
  text-decoration:none!important;
  border-bottom:3px solid transparent;
  transition:.2s ease;
}
.laxmi-links>a:hover,
.laxmi-item:hover>a{
  color:#fff!important;
  border-bottom-color:#e87722;
}
.laxmi-item{position:relative;height:62px}
.laxmi-item>a span{font-size:12px;transition:transform .2s}
.laxmi-item:hover>a span{transform:rotate(180deg)}
.laxmi-links .laxmi-careers{
  height:auto;
  margin-left:10px;
  padding:10px 20px;
  color:#fff!important;
  background:#e87722;
  border:0;
  border-radius:7px;
}
.laxmi-links .laxmi-careers:hover{
  background:#f18732;
  transform:translateY(-1px);
}
.laxmi-mega{
  position:absolute;
  top:62px;
  left:50%;
  width:480px;
  background:#fff;
  border-top:3px solid #e87722;
  box-shadow:0 22px 65px rgba(0,0,0,.18);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate(-50%,-8px);
  transition:.2s ease;
}
.laxmi-mega-wide{width:720px}
.laxmi-item:hover .laxmi-mega{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate(-50%,0);
}
.laxmi-mega-columns{
  display:grid;
  grid-template-columns:repeat(2,1fr);
}
.laxmi-mega-wide .laxmi-mega-columns{
  grid-template-columns:repeat(3,1fr);
}
.laxmi-mega section{
  padding:27px 25px;
  border-right:1px solid #eeeae6;
}
.laxmi-mega section:last-child{border-right:0}
.laxmi-mega h4{
  margin:0 0 13px;
  padding-bottom:10px;
  color:#e87722;
  border-bottom:1px solid #eeeae6;
  font-size:9px;
  font-weight:800;
  letter-spacing:2px;
  text-transform:uppercase;
}
.laxmi-mega section a{
  display:block;
  padding:8px 9px;
  color:#5e5955!important;
  border-radius:6px;
  font-size:12px;
  font-weight:500;
  text-decoration:none!important;
}
.laxmi-mega section a:hover{
  color:#292725!important;
  background:#fff3e9;
}
.laxmi-mega section a.featured{
  color:#e87722!important;
  font-weight:700;
}
.laxmi-mega footer{
  padding:14px 25px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:#fff3e9;
  border-top:1px solid #f6d9c3;
}
.laxmi-mega footer span{
  color:#716a65;
  font-size:11px;
  font-weight:600;
}
.laxmi-mega footer a{
  color:#e87722!important;
  font-size:11px;
  font-weight:800;
  text-decoration:none!important;
}
.laxmi-menu-toggle{display:none}

@media(max-width:991px){
  .laxmi-nav{padding:0 18px}
  .laxmi-menu-toggle{
    display:flex;
    width:34px;
    height:34px;
    flex-direction:column;
    justify-content:center;
    gap:5px;
    padding:7px;
    background:#e87722;
    border:0;
    border-radius:5px;
  }
  .laxmi-menu-toggle span{
    display:block;
    height:2px;
    background:#fff;
  }
  .laxmi-links{display:none}
}