
:root{--nv:#0B2447;--bl:#1255A3;--bv:#1565C0;--gd:#C9A052;--gl:#D4B47A;--wh:#fff;--of:#F5F7FA;--lt:#EEF2F8;--bd:#D8E0EE;--tp:#0B1F3A;--ts:#374151;--tm:#6B7280;}

body{font-family:'Segoe UI',system-ui,Arial,sans-serif;color:var(--tp);background:var(--wh);overflow-x:hidden;}

#RadDockZone1 {
    min-height: 0 !important;
}

/* ??? VIDEO HERO ??? */
#videoHero{position:relative;width:100%;height:100vh;overflow:hidden;background:#040E22;}
#heroCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;}
.hero-ui{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;pointer-events:none;}
.scene-eyebrow{font-size:11px;letter-spacing:5px;text-transform:uppercase;color:var(--gd);opacity:0;transform:translateY(20px);transition:opacity .8s, transform .8s;margin-bottom:20px;font-weight:600;}
.scene-head{font-size: 65px;font-weight:900;color:var(--wh);line-height:1.05;text-transform:uppercase;letter-spacing:-2px;opacity:0;transform:translateY(30px);transition:opacity .9s .15s, transform .9s .15s;max-width:900px;}
.scene-head .gold{color:var(--gd);}
.scene-sub{font-size:18px;color:rgba(255,255,255,.6);line-height:1.75;max-width:520px;opacity:0;transform:translateY(20px);transition:opacity .8s .35s, transform .8s .35s;margin-top:18px; margin-bottom:18px;}
.scene-eyebrow.in,.scene-head.in,.scene-sub.in{opacity:1;transform:translateY(0);}
.scene-btns{position:absolute;bottom:100px;left:50%;transform:translateX(-50%);display:flex;gap:16px;pointer-events:all;opacity:0;transition:opacity 1s .6s;}
.scene-btns.in{opacity:1;}
.hb1{background:var(--gd);color:var(--nv);padding:15px 38px;font-size:13px;font-weight:800;border:none;cursor:pointer;letter-spacing:1px;transition:all .2s;}
.hb1:hover{background:var(--gl);transform:translateY(-2px);}
.hb2{background:transparent;color:var(--wh);padding:15px 38px;font-size:13px;border:1px solid rgba(255,255,255,.35);cursor:pointer;transition:all .2s;}
.hb2:hover{border-color:var(--gd);color:var(--gd);}
/* Scene dots */
.scene-dots{position:absolute;bottom:44px;left:50%;transform:translateX(-50%);display:flex;gap:9px;z-index:20;}
.dot-ind{width:28px;height:3px;background:rgba(255,255,255,.22);cursor:pointer;transition:all .4s;}
.dot-ind.active{background:var(--gd);width:44px;}
/* Progress bar */
.scene-progress{position:absolute;top:0;left:0;height:2px;background:var(--gd);z-index:20;transition:width linear;}
/* Scroll hint */
.scroll-hint{position:absolute;bottom:44px;right:64px;display:flex;align-items:center;gap:10px;z-index:20;}
.scroll-hint span{color:rgba(255,255,255,.3);font-size:10px;letter-spacing:3px;text-transform:uppercase;}
.scroll-arrow{width:20px;height:20px;border-right:1px solid rgba(201,160,82,.5);border-bottom:1px solid rgba(201,160,82,.5);transform:rotate(45deg);animation:bounce 1.5s infinite;}
@keyframes bounce{0%,100%{transform:rotate(45deg) translateY(0);}50%{transform:rotate(45deg) translateY(4px);}}
/* Scene number */
.scene-counter{position:absolute;top:90px;right:64px;color:rgba(255,255,255,.12);font-size:80px;font-weight:900;z-index:5;letter-spacing:-3px;pointer-events:none;transition:opacity .5s;}

/* --- STATS BAR --- */
.stats-bar{background:#060F1E;padding:28px 64px;display:grid;grid-template-columns:repeat(4,1fr);}
.stat-item{text-align:center;padding:10px 0;border-right:1px solid rgba(255,255,255,.06);}
.stat-item:last-child{border-right:none;}
.stat-n{color:var(--gd);font-size:38px;font-weight:800;line-height:1;}
.stat-l{color: rgb(245 240 240 / 90%);font-size:11px;margin-top:7px;letter-spacing:1px;}

/* --- FIRMS --- */
.firms{background:var(--of);padding:16px 64px;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--bd);}
.firms-lbl{color:var(--tm);font-size:9px;letter-spacing:3px;text-transform:uppercase;white-space:nowrap;flex-shrink:0;}
.fdiv{width:1px;height:16px;background:var(--bd);}
.firms-row{display:flex;gap:28px;align-items:center;flex-wrap:wrap;}
.firm-nm{color:#9CA3AF;font-size:11.5px;letter-spacing:2px;text-transform:uppercase;font-weight:500;}

/* --- COMMON --- */
.sec{padding:86px 64px;}
.stag{color:var(--bv);font-size: 11px;letter-spacing:4px;text-transform:uppercase;margin-bottom:12px;font-weight:700;}
.sh{font-size:40px;font-weight:300;color:var(--tp);margin-bottom: 14px;line-height:1.18;}
.sh b{font-weight:800;}
.sd{color:var(--ts);font-size: 16px;line-height:1.9;max-width:600px;margin-bottom: 30px;}
.gbar{width:40px;height:3px;background:var(--gd);margin-bottom:22px;}

/* --- SERVICES GRID --- */
.sg-bg{background:var(--of);}
.sgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--bd);}
.sc{background:var(--wh);padding:34px 24px;cursor:default;transition:all .25s;}
.sc:hover{background:var(--nv);transform:translateY(-3px);box-shadow:0 16px 40px rgba(11,36,71,.2);}
.sc:hover .sct{color:var(--wh);}
.sc:hover .scd{color:rgba(255,255,255,.55);}
.sc:hover .sc-ico svg{stroke:var(--gd);}
.sc:hover .scgl{background:rgba(201,160,82,.45);}
.sc-ico{width:44px;height:44px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.sc-ico svg{width:28px;height:28px;stroke:var(--bl);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .25s;}
.scgl{width:28px;height:2px;background:var(--gd);margin-bottom:13px;transition:background .25s;}
.sct{font-size:14px;font-weight:700;color:var(--tp);margin-bottom:6px;}
.scd{font-size:12px;color:var(--tm);line-height:1.65;}

/* --- SPOTLIGHT --- */
.sp-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;background:var(--bd);}
.sp-card{background:var(--wh);padding:50px 46px;}
.sp-card-d{background:var(--nv);padding:50px 46px;}
.sp-ico{width:54px;height:54px;background:var(--lt);display:flex;align-items:center;justify-content:center;margin-bottom:22px;}
.sp-ico svg{width:26px;height:26px;stroke:var(--bv);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
.sp-ico-d{width:54px;height:54px;background:rgba(201,160,82,.1);display:flex;align-items:center;justify-content:center;margin-bottom:22px;}
.sp-ico-d svg{width:26px;height:26px;stroke:var(--gd);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
.sp-h{font-size:22px;font-weight:800;color:var(--tp);margin-bottom:6px;}
.sp-h-l{font-size:22px;font-weight:800;color:var(--wh);margin-bottom:6px;}
.sp-s{font-size:12px;color:var(--tm);margin-bottom:20px;letter-spacing:.5px;}
.sp-s-l{font-size:12px;color:rgba(255,255,255,.38);margin-bottom:20px;letter-spacing:.5px;}
.sp-desc{font-size:13.5px;color:var(--ts);line-height:1.88;margin-bottom:22px;}
.sp-desc-l{font-size:13.5px;color: rgb(245 240 240 / 90%);line-height:1.88;margin-bottom:22px;}
.spl li,.spl-l li{font-size:13px;padding:9px 0;border-bottom:1px solid var(--bd);display:flex;gap:10px;align-items:flex-start;line-height:1.6;list-style:none;}
.spl li{color: #000000;}
.spl-l li{color: rgb(245 240 240 / 90%);border-bottom-color:rgba(255,255,255,.08);}
.ldot{width:5px;height:5px;background:var(--gd);border-radius:50%;margin-top:7px;flex-shrink:0;}

/* --- TEAM --- */
.team-bg{background:var(--lt);}
.tgrid{display:grid;grid-template-columns: 1fr 1fr;gap:22px;margin-bottom: 26px;}
.tgrid2{display:grid;grid-template-columns: repeat(3,1fr);gap:22px;/* max-width:800px; */}
.tc{background:var(--wh);border:1px solid var(--bd);overflow:hidden;transition:box-shadow .25s;}
.tc:hover{box-shadow:0 18px 44px rgba(11,36,71,.12);}
.tct{background:linear-gradient(135deg,#0B2447 0%,#1A3A6E 100%);padding: 20px;position:relative;overflow:hidden;display: flex;align-items: center;text-align: center;}
.tct .team-pic { width: 30%}
.tct .name  { width: 70%; text-align: center}
.tct::after{content:'';position:absolute;right:-40px;top:-40px;width:150px;height:150px;border-radius:50%;border:40px solid rgba(255,255,255,.03);}
.tc-av{width: 80px;height: 80px;x;border-radius:50%;border:2px solid var(--gd);background:rgba(201,160,82,.08);display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:800;color:var(--gd);position:relative;z-index:1;}
.team-pic img{/* width: 180px; *//* height: 180px; *//* border-radius:50%; */border:2px solid var(--gd);background:rgb(21 50 95);display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:800;color:var(--gd);/* margin-bottom:14px; */position:relative;z-index:0;}
.tc-name{color:var(--wh);font-size: 17px;font-weight: 700;margin-bottom: 7px;/* text-align: end; */position:relative;z-index:1;letter-spacing: .5px;}
.tc-role{color:var(--gd);font-size: 11px;letter-spacing:2.5px;text-transform:uppercase;position:relative;z-index:1;margin: 0;/* text-align: right; */}
.tcb{padding:22px 24px;}
.tc-bio{font-size: 13px;color:var(--ts);line-height:1.82;margin-bottom:14px;}
.tc-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:13px;}
.ttag{background:var(--lt);border:1px solid var(--bd);padding:3px 10px;font-size: 12px;color:var(--ts);}
.tc-ct{font-size: 12px;color:var(--tm);}
.tc-ct i { color: var(--gd); font-size: 11px; margin: 0 4px 0 0 }
.tc-ct a{color:;text-decoration:none;}

/* --- WHY --- */
.why-bg{background:var(--nv);overflow:hidden;position:relative;}
.why-bg .stag{color:rgba(201,160,82,.75);}
.why-bg .sh{color:var(--wh);}
.why-bg .sd{color: rgb(245 240 240 / 90%);}
.why-decor{position:absolute;right:-80px;bottom:-80px;font-size:340px;font-weight:900;color:rgba(255,255,255,.025);line-height:1;pointer-events:none;letter-spacing:-10px;}
.wgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(255,255,255,.07);}
.wc{background:rgba(255,255,255,.02);padding:36px 22px;transition:background .25s;}
.wc:hover{background:rgba(255,255,255,.06);}
.wc-ico{width:50px;height:50px;border:1px solid rgba(201,160,82,.22);display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
.wc-ico svg{width:22px;height:22px;stroke:var(--gd);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
.wn{font-size:10px;font-weight:700;color:rgba(201,160,82,.4);letter-spacing:3px;margin-bottom:10px;}
.wt{color:var(--wh);font-size:15px;font-weight:700;margin-bottom:9px;}
.wd{color: rgb(245 240 240 / 90%);font-size:12px;line-height:1.75;}

/* --- INDUSTRIES --- */
.igrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--bd);}
.ic{background:var(--of);padding:28px 22px;transition:all .25s;cursor:default;}
.ic:hover{background:var(--nv);}
.ic:hover .icn{color:var(--wh);}
.ic:hover .ict span{background:rgba(201,160,82,.1);color:var(--gl);border-color:rgba(201,160,82,.2);}
.ic:hover .ic-ico svg{stroke:var(--gd);}
.ic-ico{margin-bottom:14px;}
.ic-ico svg{width:24px;height:24px;stroke:var(--bv);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .25s;}
.icn{font-size:14px;font-weight:700;color:var(--tp);margin-bottom:9px;transition:color .25s;}
.ict{display:flex;flex-wrap:wrap;gap:4px;}
.ict span{background:var(--lt);border:1px solid var(--bd);padding:2px 9px;font-size:11px;color:var(--tm);transition:all .25s;}

/* --- MODERN SERVICES --- */

.mod-bg{background:var(--of);}
.mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.mc{background:var(--wh);border:1px solid var(--bd);padding:36px 28px;transition:box-shadow .25s;}
.mc:hover{box-shadow:0 14px 38px rgba(11,36,71,.09); background: #1255a326;}
.mc-badge{display:inline-block;background:var(--gd);color:var(--nv);font-size:9px;font-weight:900;letter-spacing:2px;padding:3px 11px;text-transform:uppercase;margin-bottom:16px;}
.mc-ico{width:50px;height:50px;background:var(--lt);display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.mc-ico svg{width:24px;height:24px;stroke:var(--bv);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
.mc-h{font-size:17px;font-weight:800;color:var(--tp);margin-bottom:9px;}
.mc-desc{font-size:13px;color:var(--ts);line-height:1.82;}

/* --- TAGLINE BANNER --- */
.tagline-banner{background:linear-gradient(135deg,#0B2447 0%,#1255A3 50%,#0B2447 100%);padding:80px 64px;text-align:center;position:relative;overflow:hidden;}
.tb-bg-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:200px;font-weight:900;color:rgba(255,255,255,.025);letter-spacing:-5px;pointer-events:none;text-transform:uppercase;}
.tb-content{position:relative;z-index:2;}
.tb-kicker{color:var(--gd);font-size:10px;letter-spacing:5px;text-transform:uppercase;margin-bottom:20px;font-weight:700;}
.tb-headline{font-size:56px;font-weight:900;color:var(--wh);line-height:1.1;text-transform:uppercase;letter-spacing:-1.5px;margin-bottom:18px;}
.tb-sub{color:rgba(255,255,255,.6);font-size:18px;max-width:560px;margin:0 auto 36px;line-height:1.78;}
.tb-cta{background:var(--gd);color:var(--nv);padding:16px 42px;font-size:13px;font-weight:800;border:none;cursor:pointer;letter-spacing:1px;text-transform:uppercase;transition:all .2s;}
.tb-cta:hover{background:var(--gl);transform:translateY(-2px);}

/* --- CONTACT --- */
.con-bg{background:var(--nv);position:relative;overflow:hidden;}
.con-bg .stag{color:rgba(201,160,82,.75);}
.con-bg .sh{color:var(--wh);}
.con-bg .sd{color: rgb(245 240 240 / 90%);}
.con-decor{position:absolute;right:0;bottom:0;opacity:.04;pointer-events:none;}
.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:52px;position:relative;z-index:2;}
.cbox{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);padding:28px;margin-bottom:12px;}
.cbox:last-child{margin-bottom:0;}
.clabel{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--gd);margin-bottom:8px;font-weight:700;}
.cval{font-size:14px;color:rgba(255,255,255,.75);line-height:1.82;}
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.pc{background:rgba(255,255,255,.03);border:1px solid rgba(201,160,82,.18);padding:22px;}
.pc-name{font-size:15px;font-weight:800;color:var(--wh);margin-bottom:4px;}
.pc-role{font-size:9px;color:var(--gd);letter-spacing:3px;text-transform:uppercase;margin-bottom:14px;}
.pc-det{font-size:12px;color: rgb(245 240 240 / 90%);line-height:1.82;}
.con-head{color:rgba(255,255,255,.38);font-size:9px;letter-spacing:3px;text-transform:uppercase;margin-bottom:16px;}


/* --- MOBILE RESPONSIVE --- */
@media (max-width: 991px) {
    .scene-head {
    font-size: 35px;}
    /* Padding kam karna */
    .sec, .stats-bar, .firms, .sp-card, .sp-card-d { padding:40px 10px; }
    
    /* Grids ko 2 columns mein badalna (Tablets ke liye) */
    .sgrid, .igrid, .stats-bar, .wgrid, .mgrid { 
        grid-template-columns: repeat(2, 1fr) !important; 
    }
}

@media (max-width: 767px) {
    .scene-head {
    font-size: 26px;}
	.pgrid {display: flow;}
	.cgrid {display: initial;}
	.tb-headline {
    font-size: 30px;}
	.cgrid {grid-template-columns:1, 1fr;
}
    /* Sabhi grids ko 1 column mein badalna (Mobile ke liye) */
    .sgrid, .igrid, .tgrid, .tgrid2, .mgrid, .wgrid, .stats-bar, .sp-grid, .stats-bar { 
        grid-template-columns: 1fr !important; 
    }
    
    /* Headers ka size thoda chota karna */
    .sh { font-size: 28px; }
    .sd { font-size: 14px; margin-bottom: 30px; }

    /* Stats bar ke borders fix karna */
    .stat-item { border-right: none; border-bottom: 1px solid rgba(255,255,255,.06); }
    .stat-item:last-child { border-bottom: none; }

    /* Firms row fix */
    .firms { flex-direction: column; gap: 15px; text-align: center; }
    .fdiv { display: none; }
    .firms-row { justify-content: center; }

    /* Team grid margins fix */
    .tgrid, .tgrid2 { margin-bottom: 15px; }
    
    /* Why section decor hide karna (mobile par overlap rokne ke liye) */
    .why-decor { display: none; }
}