:root{--ink:#102033;--muted:#66758a;--muted2:#8a97a8;--bg:#f7f9fc;--surface:#fff;--surface2:#eef3f7;--line:#dfe6ee;--gold:#b77a22;--gold2:#e1b35b;--blue:#1769aa;--green:#198754;--shadow:0 18px 55px rgba(16,32,51,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,"Noto Sans Devanagari",Arial,sans-serif;overflow-x:hidden}body.hindi{font-family:"Noto Sans Devanagari",Manrope,Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.cursor-glow{position:fixed;width:300px;height:300px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(183,122,34,.10),transparent 68%);transform:translate(-50%,-50%);z-index:0}.top-status{position:relative;z-index:50;text-align:center;padding:8px;background:#102033;color:#dce7f1;border-bottom:1px solid #23364a;font:9px "DM Mono";letter-spacing:1.4px}.status-dot{display:inline-block;width:7px;height:7px;background:#28a66b;border-radius:50%;box-shadow:0 0 10px rgba(40,166,107,.5);margin-right:7px}.top-divider{margin:0 14px;color:var(--gold2)}
.navbar{height:82px;padding:0 6.5%;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line);transition:.25s}.navbar.scrolled{height:70px;box-shadow:0 8px 25px rgba(16,32,51,.06)}.brand{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:800;letter-spacing:1px;white-space:nowrap}.brand b{color:var(--gold)}.brand small{display:block;color:#7d8998;font:8px "DM Mono";letter-spacing:1.6px;margin-top:4px}.brand-orbit{width:40px;height:40px;border:1px solid rgba(183,122,34,.55);border-radius:50%;display:grid;place-items:center;position:relative}.brand-orbit:before{content:"";position:absolute;width:51px;height:20px;border:1px solid rgba(23,105,170,.22);border-radius:50%;transform:rotate(-35deg)}.brand-orbit span{color:var(--gold);font-size:18px}nav{display:flex;gap:19px;align-items:center;font-size:11px;font-weight:700;color:#526277}nav>a:not(.apply):hover{color:var(--gold)}.login{padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#fff}.apply,.primary{display:inline-flex;align-items:center;gap:18px;padding:13px 18px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#fff;border-radius:9px;font-size:12px;font-weight:800;box-shadow:0 10px 25px rgba(183,122,34,.18);transition:.25s}.apply:hover,.primary:hover{transform:translateY(-2px);box-shadow:0 15px 32px rgba(183,122,34,.25)}.lang-toggle{display:inline-flex;gap:6px;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-size:10px;font-weight:800;cursor:pointer}.lang-divider{color:#b9c1ca}.menu-btn{display:none;background:none;border:0;color:var(--ink);font-size:23px}
.future-hero{min-height:720px;padding:80px 8%;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:linear-gradient(135deg,#fff 0%,#f5f8fb 55%,#e9f1f7 100%)}.grid-field,.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(16,32,51,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(16,32,51,.045) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(90deg,#000,#0005,transparent)}.aurora{position:absolute;border-radius:50%;filter:blur(70px);opacity:.25}.a1{width:500px;height:300px;background:#9dc9e9;right:3%;top:0}.a2{width:350px;height:250px;background:#e5bb73;right:20%;bottom:-10%}.hero-copy,.hero-system,.neo-hero-content{position:relative;z-index:2}.live-pill{display:inline-flex;align-items:center;border:1px solid var(--line);background:#fff;border-radius:30px;padding:8px 12px;font:9px "DM Mono";letter-spacing:1.4px;color:#5d6d81}.hero-kicker,.eyebrow{font:10px "DM Mono";letter-spacing:1.8px;color:var(--gold);margin-top:22px}.hero-copy h1{font-size:clamp(48px,5.2vw,78px);letter-spacing:-4px;line-height:1;margin:20px 0;color:var(--ink)}.hero-copy h1 span,.section-intro h2 span,.intel-copy h2 span,.command-copy h2 span,.portal-copy h2 span,.future-cta h2 span,h2 span{color:var(--gold)}.hero-description{max-width:570px;color:var(--muted);font-size:16px;line-height:1.8}.hero-actions{display:flex;gap:16px;margin-top:30px}.ghost-button{padding:13px 5px;color:#43536a;font-size:12px;font-weight:700}.ghost-button span{color:var(--blue);margin-left:8px}.hero-metrics{display:flex;gap:32px;margin-top:52px;border-top:1px solid var(--line);padding-top:20px}.hero-metrics div{display:flex;gap:10px}.hero-metrics strong{font:18px "DM Mono";color:var(--gold)}.hero-metrics span{font-size:10px;color:#718096;line-height:1.5}
.hero-system{height:520px}.system-ring{position:absolute;border:1px solid rgba(23,105,170,.18);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.r1{width:430px;height:430px;animation:spin 30s linear infinite}.r2{width:320px;height:320px;border-color:rgba(183,122,34,.28);animation:spin 20s linear reverse infinite}.r3{width:210px;height:210px;border-style:dashed;animation:spin 12s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.core-orb{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:145px;height:145px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#dcecf7,#f7fafc 68%);box-shadow:0 0 0 1px rgba(23,105,170,.18),0 20px 70px rgba(23,105,170,.14);display:grid;place-items:center}.orb-inner{width:96px;height:96px;border-radius:50%;border:1px solid rgba(183,122,34,.65);display:grid;place-items:center;font-size:45px;color:var(--gold);font-weight:800;background:#fff}.data-node{position:absolute;padding:12px 15px;background:rgba(255,255,255,.9);border:1px solid var(--line);box-shadow:0 12px 30px rgba(16,32,51,.07);border-radius:10px;min-width:150px}.data-node small{display:block;font:8px "DM Mono";color:#8190a2;letter-spacing:1px}.data-node b{font-size:11px;color:var(--ink)}.node-line{position:absolute;height:1px;background:rgba(23,105,170,.25);width:55px}.n1{right:2%;top:12%}.n1 .node-line{left:-55px;top:50%}.n2{left:0;bottom:20%}.n2 .node-line{right:-55px;top:50%}.n3{right:6%;bottom:7%}.n3 .node-line{left:-55px;top:50%}.hud-card{position:absolute;left:8%;top:10%;padding:20px;width:180px;border:1px solid var(--line);background:rgba(255,255,255,.86);border-radius:13px;box-shadow:var(--shadow)}.hud-label{font:8px "DM Mono";letter-spacing:1.5px;color:#77869a}.hud-value{font-size:32px;font-weight:800;line-height:.9;margin:25px 0;color:var(--ink)}.hud-bar{height:4px;background:#edf1f4}.hud-bar i{display:block;width:72%;height:100%;background:var(--gold)}.hud-card small{display:block;color:#718197;font-size:9px;margin-top:9px}.scroll-indicator{position:absolute;left:8%;bottom:28px;font:8px "DM Mono";letter-spacing:2px;color:#718197;display:flex;gap:10px;align-items:center}.scroll-indicator span{height:25px;width:1px;background:var(--gold)}
.ticker{overflow:hidden;background:var(--ink);color:#fff;padding:13px 0;font:11px "DM Mono";letter-spacing:1.8px;font-weight:bold;white-space:nowrap}.ticker div{width:max-content;animation:ticker 28s linear infinite}.ticker b{margin:0 28px;color:var(--gold2)}@keyframes ticker{to{transform:translateX(-35%)}}
.solution-section,.service-command,.application-zone,.contact-zone,.emi-lab{background:#f4f7fa;color:var(--ink)}.solution-section{padding:110px 8%}.section-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}.section-intro h2,.intel-copy h2,.command-copy h2,.portal-copy h2,.future-cta h2{font-size:clamp(38px,4.5vw,64px);letter-spacing:-3px;line-height:1.05;margin:12px 0}.section-intro>p{max-width:370px;color:var(--muted);line-height:1.8;font-size:13px}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.solution-card{min-height:300px;background:#fff;padding:26px;border:1px solid var(--line);border-radius:16px;position:relative;transition:.3s;overflow:hidden;box-shadow:0 8px 20px rgba(16,32,51,.025)}.solution-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.card-index{font:10px "DM Mono";color:#9aa6b4}.solution-card p{font:9px "DM Mono";letter-spacing:1.5px;color:#8c99a9;margin-top:30px}.solution-card h3{font-size:29px;line-height:1.1;letter-spacing:-1px;margin:45px 0 10px}.solution-card small{color:#748195;font-size:11px}.solution-card i{position:absolute;right:20px;top:20px;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-style:normal}.dark-card{background:#102033;color:#fff;border-color:#102033}.dark-card p,.dark-card small{color:#b7c3cf}.dark-card i{border-color:#ffffff24}.card-glow{position:absolute;width:180px;height:180px;background:rgba(225,179,91,.16);filter:blur(30px);right:-50px;bottom:-50px}.gold-card{background:linear-gradient(135deg,#f1dfb9,#dfb766);border-color:#d6aa57}.gold-card p,.gold-card small{color:#5a431e}
.intelligence-section{padding:110px 8%;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;background:#102033}.intel-visual{height:500px;position:relative;background:radial-gradient(circle,#eaf4fa,#dce9f1 60%);border-radius:22px;border:1px solid rgba(255,255,255,.5);overflow:hidden}.intel-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(16,32,51,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(16,32,51,.05) 1px,transparent 1px);background-size:35px 35px}.intel-circle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:250px;height:250px;border:1px solid rgba(183,122,34,.55);border-radius:50%;display:grid;place-items:center;text-align:center;background:rgba(255,255,255,.78);box-shadow:0 0 80px rgba(183,122,34,.12)}.intel-circle span{position:absolute;top:25px;color:var(--gold);font:10px "DM Mono"}.intel-circle b{font-size:28px;line-height:1;color:var(--ink)}.intel-tag{position:absolute;padding:9px 14px;border:1px solid var(--line);background:#fff;border-radius:20px;font:9px "DM Mono";color:#53647a;box-shadow:0 8px 18px rgba(16,32,51,.05)}.t1{top:22%;left:10%}.t2{right:8%;top:36%}.t3{bottom:20%;left:15%}.intel-copy{color:#fff}.intel-copy>p:not(.eyebrow){color:#b8c6d4;line-height:1.9;max-width:480px}.flow-list{margin-top:35px}.flow-list>div{display:flex;gap:18px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.12)}.flow-list b{font:11px "DM Mono";color:var(--gold2)}.flow-list strong,.flow-list small{display:block}.flow-list strong{font-size:13px}.flow-list small{font-size:10px;color:#9caec0;margin-top:5px}
.command-section{padding:100px 8%;display:grid;grid-template-columns:1.2fr .8fr;gap:8%;align-items:center;background:#fff}.command-copy>p:not(.eyebrow),.portal-copy>p:not(.eyebrow){color:var(--muted);line-height:1.85;max-width:520px}.command-panel{height:360px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#102033,#18344d);color:#fff;padding:25px;box-shadow:var(--shadow);position:relative;overflow:hidden}.panel-top,.panel-bottom{display:flex;justify-content:space-between;font:9px "DM Mono";letter-spacing:1.5px;color:#b8c6d3}.panel-number{font-size:100px;color:var(--gold2);font-weight:800;position:absolute;right:35px;top:90px}.panel-lines{position:absolute;inset:80px 30px}.panel-lines i{display:block;border-top:1px solid rgba(255,255,255,.1);margin:48px 0}.panel-bottom{position:absolute;bottom:25px;left:25px;right:25px}.panel-bottom b{color:var(--gold2)}
.portal-section{padding:110px 8%;background:#eaf1f5;display:grid;grid-template-columns:1fr .65fr;align-items:center;position:relative;overflow:hidden}.portal-orb{width:320px;height:320px;border-radius:50%;border:1px solid rgba(23,105,170,.2);box-shadow:inset 0 0 70px rgba(23,105,170,.08),0 0 0 45px rgba(23,105,170,.025);margin:auto}.portal-status{font:9px "DM Mono";color:#617287}.portal-button{display:inline-flex;align-items:center;gap:16px;margin-top:20px;padding:14px 18px;background:#102033;color:#fff;border-radius:9px;font-size:12px;font-weight:800}.portal-button span{color:var(--gold2)}
.future-cta{padding:120px 8%;position:relative;overflow:hidden;text-align:center;background:#102033;color:#fff}.cta-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:55px 55px}.future-cta>*:not(.cta-grid){position:relative;z-index:2}.future-cta h2{margin:12px auto 30px}.future-cta .eyebrow{color:var(--gold2)}
.neo-page-hero{min-height:500px;padding:80px 8%;position:relative;overflow:hidden;display:flex;align-items:center;background:linear-gradient(135deg,#102033,#17344d);color:#fff}.neo-page-hero .hero-grid{opacity:.5}.hero-sphere{position:absolute;right:8%;top:50%;transform:translateY(-50%);width:300px;height:300px;border:1px solid rgba(225,179,91,.4);border-radius:50%;box-shadow:0 0 100px rgba(225,179,91,.08)}.hero-sphere:after{content:"";position:absolute;inset:45px;border:1px dashed rgba(23,105,170,.5);border-radius:50%}.neo-hero-content{max-width:700px}.hero-breadcrumb{font:9px "DM Mono";letter-spacing:1.6px;color:#9fb0c1;margin-top:10px}.neo-hero-content h1{font-size:clamp(46px,5.5vw,74px);letter-spacing:-3px;line-height:1.02;margin:25px 0 18px}.neo-hero-content h1 span{color:var(--gold2)}.neo-hero-content>p:last-child{max-width:610px;color:#b8c7d4;line-height:1.85}.mission-zone,.principles-zone,.vision-zone,.products-intro,.process-band,.lab-note,.support-flow{padding:105px 8%}.mission-zone{display:grid;grid-template-columns:100px 1fr 1fr;gap:35px;align-items:start;background:#fff}.mission-number{font:70px "DM Mono";color:#e3e9ee}.mission-zone h2,.principles-zone h2,.vision-zone h2,.products-intro h2,.process-band h2,.lab-note h2,.support-flow h2{font-size:clamp(38px,4vw,60px);letter-spacing:-3px;line-height:1.05;margin:12px 0}.mission-zone>p,.vision-zone>div>p:not(.eyebrow),.products-intro>p:last-child,.lab-note>p{color:var(--muted);line-height:1.9}.principles-zone{background:#f2f6f9}.section-center{text-align:center;margin-bottom:48px}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.principle-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:25px;min-height:270px;transition:.25s}.principle-card:hover,.principle-card.active{transform:translateY(-5px);box-shadow:var(--shadow)}.principle-card>b{font:10px "DM Mono";color:#9aa6b4}.principle-icon{margin-top:28px;font-size:28px;color:var(--gold)}.principle-card h3{font-size:22px;margin:35px 0 8px}.principle-card p{color:var(--muted);font-size:11px;line-height:1.8}.vision-zone{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;background:#fff}.vision-orbit{width:360px;height:360px;border:1px solid rgba(183,122,34,.35);border-radius:50%;display:grid;place-items:center;position:relative;margin:auto}.vision-orbit:before{content:"";position:absolute;width:250px;height:250px;border:1px dashed rgba(23,105,170,.25);border-radius:50%}.vision-orbit span{position:absolute;top:80px;font:9px "DM Mono";letter-spacing:2px;color:#8290a0}.vision-orbit b{font-size:120px;color:var(--gold)}.vision-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.vision-points span{padding:9px 12px;border:1px solid var(--line);border-radius:20px;font:8px "DM Mono";color:#69798e}.products-intro{display:grid;grid-template-columns:.8fr 1.4fr .9fr;gap:30px;align-items:end;background:#fff}.products-intro>p:first-child{margin:0}.product-matrix{padding:0 8% 105px;background:#fff;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.matrix-card{min-height:330px;padding:28px;border:1px solid var(--line);border-radius:15px;background:#f8fafc;position:relative;transition:.25s}.matrix-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);background:#fff}.matrix-card.featured{background:#102033;color:#fff}.matrix-card.gold-matrix{background:linear-gradient(135deg,#f4e4c2,#e1b35b)}.matrix-no{position:absolute;right:24px;top:24px;font:9px "DM Mono";color:#9aa6b4}.matrix-symbol{font-size:34px;color:var(--gold);margin-top:20px}.matrix-card p{font:9px "DM Mono";letter-spacing:1.3px;color:#8997a8;margin-top:38px}.matrix-card h3{font-size:28px;line-height:1.1;margin:25px 0 9px}.matrix-card small{font-size:11px;color:#728096}.matrix-card a{position:absolute;bottom:25px;left:28px;font-size:11px;font-weight:800;color:var(--gold)}.process-band{background:#edf3f7;display:grid;grid-template-columns:1fr 1fr;align-items:center}.process-mini{display:flex;align-items:center;justify-content:end;gap:12px}.process-mini span{width:100px;height:100px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;text-align:center;font:10px "DM Mono";color:#77879a}.process-mini span b{font-family:Manrope;color:var(--ink)}.process-mini i{color:var(--gold)}
.solution-radar,.service-pulse,.contact-signal{position:absolute;right:10%;top:50%;transform:translateY(-50%);width:250px;height:250px;border:1px solid rgba(225,179,91,.3);border-radius:50%;display:grid;place-items:center}.solution-radar .radar-r,.service-pulse span,.signal-ring{position:absolute;border:1px solid rgba(23,105,170,.22);border-radius:50%}.radar-r:nth-child(1),.service-pulse span:nth-child(1),.signal-ring:nth-child(1){inset:15%}.radar-r:nth-child(2),.service-pulse span:nth-child(2),.signal-ring:nth-child(2){inset:30%;border-color:rgba(183,122,34,.35)}.radar-r:nth-child(3),.service-pulse span:nth-child(3){inset:43%;border-style:dashed}.solution-radar b{font-size:45px;color:var(--gold2)}.solution-radar small,.service-pulse b,.contact-signal small{position:absolute;bottom:30px;font:9px "DM Mono";letter-spacing:1.5px;color:#b8c7d4}.service-pulse{border:0}.service-pulse b{color:var(--gold2)}
.service-command{padding:105px 8%}.command-intro{display:grid;grid-template-columns:1fr 1.2fr .7fr;gap:30px;align-items:end}.command-intro>p:last-child{color:var(--muted);line-height:1.8}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:45px}.service-card{min-height:320px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:15px;position:relative;transition:.25s}.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.portal-service{background:#102033;color:#fff}.service-card>span{position:absolute;right:22px;top:22px;font:9px "DM Mono";color:#8b98a8}.service-icon{width:52px;height:52px;border-radius:13px;display:grid;place-items:center;background:#edf2f5;color:var(--gold);font-size:23px}.portal-service .service-icon{background:#ffffff12}.service-card h3{font-size:25px;line-height:1.05;margin:38px 0 10px}.service-card p{font-size:11px;line-height:1.8;color:#748195}.portal-service p{color:#aebdcb}.service-card>b{position:absolute;bottom:24px;font-size:10px;color:var(--gold)}.support-flow{display:grid;grid-template-columns:1fr 1.4fr;gap:10%;background:#102033;color:#fff}.support-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;align-items:end}.support-steps>div{border-top:1px solid rgba(255,255,255,.14);padding-top:20px}.support-steps b{font:11px "DM Mono";color:var(--gold2)}.support-steps h4{margin:20px 0 8px}.support-steps p{font-size:11px;color:#a7b7c7;line-height:1.7}
.lab-status{position:absolute;right:8%;bottom:45px;z-index:4;padding:10px 13px;border:1px solid rgba(255,255,255,.18);border-radius:20px;font:9px "DM Mono";color:#c1cfdb}.emi-lab{padding:90px 8%;display:grid;grid-template-columns:1fr 1.2fr;gap:20px}.lab-controls,.lab-result{border-radius:18px;padding:35px}.lab-controls{background:#fff;border:1px solid var(--line);box-shadow:0 10px 30px rgba(16,32,51,.04)}.lab-head,.result-head,.form-top{display:flex;justify-content:space-between;align-items:center;font:9px "DM Mono";letter-spacing:1.3px;color:#748297}.lab-head b{color:var(--gold)}.lab-controls label{display:flex;justify-content:space-between;margin-top:30px;font-size:11px;font-weight:800}.lab-controls output{color:var(--gold);font:11px "DM Mono"}.lab-controls input[type=range]{width:100%;margin:16px 0 0;accent-color:var(--gold)}.range-labels{display:flex;justify-content:space-between;color:#8995a5;font:8px "DM Mono"}.lab-button,.submit-neo{width:100%;margin-top:35px;padding:15px;background:linear-gradient(135deg,var(--gold2),var(--gold));border:0;color:#fff;border-radius:9px;font-weight:800;display:flex;justify-content:space-between;cursor:pointer}.lab-result{position:relative;overflow:hidden;background:#102033;color:#fff}.result-scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 4px,#fff 5px 6px);opacity:.025}.result-head,.lab-result>p,.lab-result h2,.result-stats,.payable-bar,.result-note{position:relative;z-index:2}.lab-result>p{margin-top:80px;font:10px "DM Mono";letter-spacing:1.7px;color:#9aabba}.lab-result h2{font-size:clamp(50px,6vw,84px);letter-spacing:-4px;margin:10px 0;color:var(--gold2)}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:45px}.result-stats div{padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:9px}.result-stats small,.result-note{font:8px "DM Mono";letter-spacing:1px;color:#8ea0b2}.result-stats b{display:block;margin-top:8px;font-size:12px}.payable-bar{height:7px;background:rgba(255,255,255,.12);margin-top:28px;border-radius:9px;overflow:hidden}.payable-bar i{display:block;height:100%;background:var(--gold2)}.result-note{display:block;margin-top:15px;line-height:1.7}.lab-note{display:grid;grid-template-columns:140px 1fr 1fr;gap:40px;align-items:center;background:#fff}.note-symbol{font-size:100px;color:var(--gold);text-align:center}
.apply-track{position:absolute;right:10%;top:45%;display:flex;align-items:center;z-index:4}.apply-track span{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;font:10px "DM Mono";color:#b2c1cf}.apply-track span.active{background:var(--gold2);color:#102033;border-color:var(--gold2)}.apply-track i{width:55px;height:1px;background:rgba(255,255,255,.18)}.application-zone{padding:100px 8%;display:grid;grid-template-columns:1fr 1fr;gap:9%}.application-side>p:not(.eyebrow){color:var(--muted)}.app-steps{margin-top:40px}.app-steps>div{display:flex;gap:17px;padding:18px 0;border-bottom:1px solid var(--line)}.app-steps b{font:10px "DM Mono";color:#94a0ae}.app-steps .current b{color:var(--gold)}.app-steps strong,.app-steps small{display:block}.app-steps strong{font-size:12px}.app-steps small{font-size:10px;color:#748195;margin-top:4px}.security-panel{margin-top:38px;padding:17px;background:#102033;color:#fff;border-radius:10px}.security-panel small{font:9px "DM Mono";letter-spacing:1px;color:#b6c6d4}.security-panel p{font-size:10px;color:#a6b6c6;line-height:1.7}.neo-form-wrap,.contact-form-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:var(--shadow)}.form-top{padding-bottom:25px;border-bottom:1px solid #e2e7eb}.form-top h3{font-size:30px;margin:8px 0 0}.form-top span{color:var(--gold)}.neo-form{display:grid;grid-template-columns:1fr 1fr;gap:0 15px;margin-top:22px}.neo-form .field{margin-bottom:17px}.neo-form .field:last-of-type{grid-column:span 2}.neo-form label{display:block;font-size:10px;font-weight:800;margin-bottom:7px}.neo-form input,.neo-form select,.neo-form textarea{width:100%;padding:12px 13px;background:#f7f9fa;border:1px solid #dfe6eb;border-radius:8px;color:var(--ink);transition:.2s}.neo-form input:focus,.neo-form select:focus,.neo-form textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(183,122,34,.10)}.form-disclaimer{grid-column:span 2;font-size:9px;line-height:1.7;color:#8b97a6}.contact-signal b{font-size:60px;color:var(--gold2)}.contact-zone{padding:105px 8%;display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.contact-info-panel{padding:20px 10px 20px 35px}.contact-info-panel>p:not(.eyebrow){color:#657287;line-height:1.85;max-width:500px}.contact-portal{display:flex;gap:16px;align-items:center;margin-top:32px;padding:18px;background:#102033;color:#fff;border-radius:11px}.contact-portal>span{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#ffffff12;color:var(--gold2);font-size:21px}.contact-portal small,.contact-portal b{display:block}.contact-portal small{font:8px "DM Mono";letter-spacing:1px;color:#8b98a9}.contact-portal b{font-size:12px;margin-top:5px}.contact-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.contact-info-grid div{padding:18px;border:1px solid var(--line);border-radius:10px;background:#fff}.contact-info-grid small,.contact-info-grid b{display:block}.contact-info-grid small{font:8px "DM Mono";color:#8794a3}.contact-info-grid b{font-size:10px;margin-top:7px}.contact-disclaimer{margin-top:18px;font-size:9px;line-height:1.8;color:#8794a3}
footer{padding:70px 8% 25px;background:#0c1c2d;color:#fff}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .9fr 1fr;gap:45px}.footer-brand{color:#fff}.footer-grid>div>p{color:#a8b8c8;font-size:11px;line-height:1.8;max-width:310px}.footer-grid h4{font-size:11px;margin:0 0 18px;color:#fff}.footer-grid a:not(.brand){display:block;color:#a8b8c8;font-size:10px;margin:10px 0}.footer-grid a:not(.brand):hover{color:#fff}.footer-chip{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:8px 11px;font:8px "DM Mono";letter-spacing:1px;color:#b9c8d6}.newsletter{display:flex;margin-top:15px}.newsletter input{flex:1;min-width:0;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05);color:#fff;padding:11px;border-radius:8px 0 0 8px}.newsletter button{width:44px;border:0;background:var(--gold);color:#fff;border-radius:0 8px 8px 0}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:55px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);font:8px "DM Mono";letter-spacing:.8px;color:#8192a4}
.messages{position:fixed;right:20px;top:100px;z-index:99;background:#198754;color:#fff;padding:14px 20px;border-radius:9px;box-shadow:var(--shadow)}
@media(max-width:1050px){nav{gap:12px}.principle-grid,.service-grid{grid-template-columns:repeat(2,1fr)}.mission-zone{grid-template-columns:100px 1fr}.mission-zone>p{grid-column:2}.hero-code-card,.solution-radar,.service-pulse,.contact-signal{right:5%;opacity:.65}.vision-zone,.application-zone,.contact-zone{grid-template-columns:1fr;gap:50px}.products-intro{grid-template-columns:1fr}.product-matrix{grid-template-columns:repeat(2,1fr)}.emi-lab{grid-template-columns:1fr}.lab-note{grid-template-columns:100px 1fr}.lab-note>p{grid-column:2}.support-flow{grid-template-columns:1fr}.application-side{max-width:700px}.command-intro{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.menu-btn{display:block}.navbar{height:70px;padding:0 6%}nav{display:none;position:absolute;left:0;right:0;top:70px;background:#fff;border-bottom:1px solid var(--line);padding:18px 6%;box-shadow:0 15px 30px rgba(16,32,51,.08);flex-direction:column;align-items:stretch}.navbar nav.open{display:flex}.lang-toggle{align-self:flex-start}.future-hero{grid-template-columns:1fr;min-height:680px;padding:65px 6%}.hero-system{height:390px}.hud-card,.data-node{display:none}.hero-metrics{gap:16px;flex-wrap:wrap}.intelligence-section{grid-template-columns:1fr;padding:75px 6%}.portal-section{grid-template-columns:1fr;padding:75px 6%}.portal-orb{width:240px;height:240px;margin:0 auto 35px}.command-section{grid-template-columns:1fr;padding:75px 6%}.solution-section,.service-command,.application-zone,.contact-zone,.emi-lab,.lab-note,.support-flow,.mission-zone,.principles-zone,.vision-zone,.products-intro,.process-band{padding:75px 6%}.solution-grid,.product-matrix{grid-template-columns:1fr}.section-intro{display:block}.section-intro>p{margin-top:20px}.principle-grid,.service-grid{grid-template-columns:1fr}.vision-zone{display:block}.vision-orbit{width:260px;height:260px;margin:0 auto 45px}.vision-orbit b{font-size:85px}.products-intro{display:block}.products-intro>p:last-child{margin-top:25px}.process-band{display:block}.process-mini{margin-top:30px;justify-content:start}.lab-note{display:block}.note-symbol{text-align:left}.support-steps{grid-template-columns:1fr}.neo-form{grid-template-columns:1fr}.neo-form .field:last-of-type,.form-disclaimer{grid-column:auto}.neo-form-wrap,.contact-form-panel{padding:22px}.contact-info-panel{padding:0}.contact-info-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}.hero-sphere,.solution-radar,.service-pulse,.contact-signal,.apply-track{display:none}}
@media(max-width:520px){.top-status{font-size:7px}.top-divider{margin:0 7px}.brand{font-size:12px}.brand small{font-size:7px}.brand-orbit{width:34px;height:34px}.hero-copy h1{letter-spacing:-2.5px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-metrics div{width:100%}.result-stats{grid-template-columns:1fr}.lab-result h2{letter-spacing:-2px}.neo-hero-content h1{letter-spacing:-2px}.future-cta{padding:85px 6%}}

/* v4 refinements: bilingual controls, dual EMI methods and contact map */
.lang-toggle[aria-pressed="true"]{border-color:var(--gold);background:#fffaf0;color:var(--gold)}
.emi-mode{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;background:#f1f4f7;border:1px solid var(--line);border-radius:10px;margin:22px 0 8px}
.mode-btn{border:0;background:transparent;border-radius:7px;padding:11px 8px;color:#66758a;font-size:10px;font-weight:800;cursor:pointer;transition:.2s}
.mode-btn.active{background:#fff;color:var(--ink);box-shadow:0 4px 14px rgba(16,32,51,.08);border:1px solid #e5e9ee}
.mode-description{min-height:32px;margin:8px 2px 18px;color:#8794a3;font-size:9px;line-height:1.55}
.map-section{padding:90px 8%;display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.65fr);gap:40px;align-items:stretch;background:#fff!important;color:var(--ink)!important;border-top:1px solid var(--line);position:relative;z-index:1}.map-copy{background:#fff!important;color:var(--ink)!important}.map-badge{display:inline-flex;align-items:center;gap:8px;font:10px "DM Mono";letter-spacing:1.8px;color:var(--gold);margin-bottom:8px}.map-frame{width:100%;min-height:520px}
.map-copy{padding:25px 10px}.map-copy h2{font-size:clamp(42px,5vw,68px);line-height:1;letter-spacing:-3px;margin:12px 0 22px}.map-copy h2 span{color:var(--gold)}.map-copy p{color:var(--muted);font-size:12px;line-height:1.9}.map-copy strong{color:var(--ink)}.map-link{display:inline-flex;margin-top:15px;padding:12px 15px;border:1px solid var(--line);border-radius:9px;color:var(--gold);font-size:10px;font-weight:800}.map-frame{min-height:430px;border-radius:18px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:#eaf0f4}.map-frame iframe{display:block;width:100%;height:100%;min-height:430px;border:0;filter:saturate(.82) contrast(.98)}
@media(max-width:650px){.map-section{grid-template-columns:1fr;padding:70px 6%;gap:25px}.map-frame,.map-frame iframe{min-height:360px}.emi-mode{margin-top:18px}}

/* v5: policies, grievance, branches and improved location layout */
.policy-page,.branches-section{padding:100px 8%;background:#f4f7fa;color:var(--ink)}
.policy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.policy-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:0 10px 28px rgba(16,32,51,.04);display:flex;flex-direction:column}.policy-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(183,122,34,.35);color:var(--gold);font:10px "DM Mono"}.policy-meta,.branch-status{font:9px "DM Mono";letter-spacing:1.5px;color:#8a97a7;margin:22px 0 8px}.policy-card h3{font-size:27px;line-height:1.15;margin:0 0 12px}.policy-card>p:not(.policy-meta){color:#68778a;font-size:11px;line-height:1.8}.policy-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:auto;padding-top:24px}.policy-actions .primary{font-size:10px;padding:10px 13px}.policy-note,.branch-disclaimer{margin-top:20px;padding:16px 18px;border-left:3px solid var(--gold);background:#fff;border-radius:8px;color:#6c7a8c;font-size:10px;line-height:1.7}
.grievance-section{padding:100px 8%;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;background:#f4f7fa}.grievance-main h2{font-size:clamp(40px,4.5vw,62px);line-height:1.05;letter-spacing:-3px;margin:12px 0 35px}.grievance-steps>div{display:grid;grid-template-columns:45px 1fr;column-gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.grievance-steps b{font:10px "DM Mono";color:var(--gold)}.grievance-steps strong{font-size:13px}.grievance-steps p{grid-column:2;color:#728095;font-size:11px;line-height:1.7;margin:5px 0 0}.grievance-card{background:#102033;color:#fff;border-radius:18px;padding:34px;align-self:start}.grievance-card h3{font-size:32px;margin:10px 0}.grievance-card>p:not(.eyebrow){color:#b8c5d3;font-size:11px;line-height:1.8}.grievance-info{margin-top:28px;padding:15px;border:1px solid rgba(255,255,255,.12);border-radius:10px}.grievance-info small{font:8px "DM Mono";color:var(--gold2)}.grievance-info p{color:#aebdcb;font-size:9px;line-height:1.7}.branches-section .section-intro{margin-bottom:42px}.branch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.branch-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;min-height:290px;box-shadow:0 10px 28px rgba(16,32,51,.04);display:flex;flex-direction:column}.branch-card.featured{background:#102033;color:#fff;border-color:#102033}.branch-card h3{font-size:28px;margin:5px 0 15px}.branch-card p{font-size:11px;line-height:1.9;color:#718095}.branch-card.featured p{color:#bdc9d5}.branch-card a{margin-top:auto;color:var(--gold);font-size:10px;font-weight:800}.branch-card.featured a{color:var(--gold2)}
.map-section{grid-template-columns:minmax(300px,.72fr) minmax(0,1.85fr)!important;gap:48px!important;min-height:560px}.map-frame{min-height:500px!important;order:2}.map-copy{order:1;display:flex;flex-direction:column;justify-content:center}.location-note{font-size:9px!important;color:#8a97a7!important;margin-top:16px!important;line-height:1.6!important}
@media(max-width:900px){.policy-grid,.branch-grid,.grievance-section{grid-template-columns:1fr}.map-section{grid-template-columns:1fr!important}.map-frame{order:2;min-height:420px!important}.map-copy{order:1}.policy-page,.branches-section,.grievance-section{padding:75px 6%}}

/* =========================================================
   PHOENIX CAPITAL — 2026 EXPERIENCE SYSTEM
   Premium light fintech UI / responsive / accessibility-first
   ========================================================= */
:root{
  --pc-ink:#0b1f33;--pc-ink2:#17324d;--pc-gold:#c1842d;--pc-gold2:#e7b766;
  --pc-blue:#1877b8;--pc-bg:#f6f8fb;--pc-card:#ffffff;--pc-line:#dfe7ef;
  --pc-muted:#68788c;--pc-soft:#edf3f8;--pc-radius:20px;--pc-shadow:0 20px 60px rgba(11,31,51,.08)
}
html{background:var(--pc-bg)}
body{background:linear-gradient(180deg,#f9fbfd 0%,#f4f7fa 100%);color:var(--pc-ink);font-size:14px}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.45;background-image:linear-gradient(rgba(11,31,51,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(11,31,51,.018) 1px,transparent 1px);background-size:42px 42px}
::selection{background:rgba(193,132,45,.18);color:var(--pc-ink)}
.top-status{padding:7px 16px;background:linear-gradient(90deg,#081a2c,#102c45,#081a2c);font-size:8px;letter-spacing:1.7px}
.navbar{height:78px;padding:0 clamp(20px,5vw,78px);border-bottom:1px solid rgba(11,31,51,.08);box-shadow:0 8px 30px rgba(11,31,51,.04)}
.navbar.scrolled{height:68px}
.brand{gap:12px;letter-spacing:.8px}
.brand-orbit{width:38px;height:38px;background:#fff;box-shadow:0 7px 20px rgba(11,31,51,.08)}
.brand-orbit:before{width:48px;height:19px}
nav{gap:7px;font-size:10px;letter-spacing:.1px}
nav>a:not(.apply):not(.login):not(.lang-toggle){position:relative;padding:10px 9px;border-radius:9px;transition:.2s;color:#53657a}
nav>a:not(.apply):not(.login):not(.lang-toggle):after{content:"";position:absolute;left:9px;right:9px;bottom:4px;height:2px;border-radius:2px;background:var(--pc-gold);transform:scaleX(0);transform-origin:center;transition:.2s}
nav>a:not(.apply):not(.login):not(.lang-toggle):hover{background:#f4f7fa;color:var(--pc-ink)}
nav>a.active:not(.apply):not(.login):not(.lang-toggle){color:var(--pc-ink);font-weight:800;background:#f4f7fa}
nav>a.active:not(.apply):not(.login):not(.lang-toggle):after{transform:scaleX(1)}
.login{font-size:10px;padding:9px 11px!important;border-radius:9px!important}
.apply,.primary{border-radius:10px;padding:12px 16px;background:linear-gradient(135deg,#dca753,#b8751d);box-shadow:0 12px 28px rgba(183,122,34,.18)}
.lang-toggle{border-radius:10px;padding:9px 10px}

/* Shared inner heroes */
.neo-page-hero{min-height:410px!important;padding:88px clamp(22px,8vw,120px) 72px!important;position:relative;overflow:hidden;background:radial-gradient(circle at 85% 18%,rgba(24,119,184,.11),transparent 28%),radial-gradient(circle at 72% 85%,rgba(193,132,45,.10),transparent 25%),linear-gradient(135deg,#fff,#f0f5f9)!important;border-bottom:1px solid var(--pc-line)}
.neo-page-hero:after{content:"";position:absolute;right:-120px;top:-170px;width:520px;height:520px;border:1px solid rgba(24,119,184,.12);border-radius:50%;box-shadow:0 0 0 55px rgba(24,119,184,.025),0 0 0 110px rgba(193,132,45,.018);pointer-events:none}
.neo-hero-content{max-width:920px}
.hero-grid{opacity:.65;background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent 80%)}
.hero-breadcrumb{display:inline-flex;gap:9px;align-items:center;margin-top:12px;color:#8b99a8;font:8px "DM Mono";letter-spacing:1.7px;text-transform:uppercase}
.neo-hero-content h1{max-width:850px;margin:20px 0 18px;font-size:clamp(48px,6.5vw,88px);line-height:.96;letter-spacing:-4.5px}
.neo-hero-content h1 span{color:var(--pc-gold)}
.neo-hero-content>p:last-child{max-width:660px;margin:0;color:var(--pc-muted);font-size:14px;line-height:1.9}
.eyebrow{letter-spacing:2px;font-size:9px}

/* Shared content rhythm */
.solution-section,.service-command,.application-zone,.contact-zone,.emi-lab,.policy-page,.branches-section,.grievance-section,.principles-zone,.vision-zone,.mission-zone,.products-intro,.process-band,.support-flow,.lab-note{position:relative}
.section-intro{gap:50px;align-items:end}
.section-intro h2,.intel-copy h2,.command-copy h2,.portal-copy h2,.future-cta h2{font-size:clamp(40px,5vw,68px);letter-spacing:-3.5px}
.section-intro>p{font-size:12px;max-width:460px}
.solution-card,.service-card,.principle-card,.matrix-card,.policy-card,.branch-card{border-radius:var(--pc-radius);border-color:var(--pc-line);box-shadow:0 8px 24px rgba(11,31,51,.035)}
.solution-card:hover,.service-card:hover,.principle-card:hover,.matrix-card:hover,.policy-card:hover,.branch-card:hover{transform:translateY(-6px);box-shadow:var(--pc-shadow)}

/* Home / dashboard visual language */
.future-hero{min-height:700px;background:radial-gradient(circle at 76% 20%,rgba(24,119,184,.12),transparent 24%),radial-gradient(circle at 68% 86%,rgba(193,132,45,.13),transparent 20%),linear-gradient(135deg,#fff 0%,#f6f9fb 65%,#eaf2f7 100%)}
.hero-copy h1{font-size:clamp(52px,6vw,86px);letter-spacing:-4.5px}
.hero-description{font-size:15px;max-width:620px}
.hero-metrics strong{color:var(--pc-gold)}
.hero-system{filter:drop-shadow(0 22px 45px rgba(24,119,184,.08))}
.data-node,.hud-card{border-radius:13px;box-shadow:0 18px 45px rgba(11,31,51,.07)}
.core-orb{background:radial-gradient(circle at 35% 28%,#d9edf9,#fff 70%)}
.ticker{background:#0b1f33;padding:12px 0}
.solution-section,.service-command,.application-zone,.contact-zone,.emi-lab{background:#f4f7fa}
.intelligence-section{background:linear-gradient(135deg,#091d31,#102d46)}
.intel-visual{box-shadow:0 25px 70px rgba(0,0,0,.16)}
.portal-section{background:linear-gradient(180deg,#fff,#f3f7fa)}
.command-section{background:#eef4f8}
.future-cta{position:relative;overflow:hidden;background:linear-gradient(135deg,#102d46,#0b1f33)!important}
.future-cta:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px}

/* Forms */
.neo-form-wrap,.contact-form-panel{border-radius:20px;border:1px solid var(--pc-line);box-shadow:var(--pc-shadow);background:rgba(255,255,255,.96)}
.neo-form .field input,.neo-form .field select,.neo-form .field textarea{border-radius:10px;border:1px solid #d8e1e9;background:#fbfcfd;transition:.2s}
.neo-form .field input:focus,.neo-form .field select:focus,.neo-form .field textarea:focus{outline:0;border-color:rgba(193,132,45,.75);box-shadow:0 0 0 4px rgba(193,132,45,.09);background:#fff}
.submit-neo{border-radius:10px}

/* Policies */
.policy-page,.branches-section{padding:100px clamp(22px,8vw,120px);background:linear-gradient(180deg,#f5f8fa,#eef3f7)}
.policy-grid{gap:22px}
.policy-card{padding:34px;min-height:350px;position:relative;overflow:hidden}
.policy-card:before{content:"";position:absolute;right:-90px;top:-90px;width:220px;height:220px;border:1px solid rgba(193,132,45,.12);border-radius:50%;box-shadow:0 0 0 35px rgba(24,119,184,.025)}
.policy-icon{width:52px;height:52px;border-radius:14px;background:#fbf7ef;border-color:rgba(193,132,45,.32);font-size:10px}
.policy-meta,.branch-status{font-size:8px;letter-spacing:1.8px}
.policy-card h3{font-size:26px;letter-spacing:-1px;max-width:520px}
.policy-card>p:not(.policy-meta){font-size:11px;max-width:580px}
.policy-actions{gap:10px}
.policy-actions a{border-radius:10px!important}

.policy-note{border:1px solid #ead9ba;border-left:3px solid var(--pc-gold);box-shadow:0 8px 22px rgba(11,31,51,.03)}

/* Grievance */
.grievance-section{padding:100px clamp(22px,8vw,120px);background:linear-gradient(135deg,#f6f9fb,#edf3f7)}
.grievance-main h2{font-size:clamp(42px,5vw,70px);letter-spacing:-4px}
.grievance-steps>div{padding:22px 0;border-bottom:1px solid var(--pc-line)}
.grievance-steps>div:first-child{border-top:1px solid var(--pc-line)}
.grievance-steps b{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(193,132,45,.3);border-radius:10px;background:#fff8ec}
.grievance-card{border-radius:22px;padding:38px;background:linear-gradient(145deg,#0b1f33,#163b5b);box-shadow:0 25px 70px rgba(11,31,51,.18);position:relative;overflow:hidden}
.grievance-card:after{content:"";position:absolute;width:250px;height:250px;right:-120px;bottom:-130px;border:1px solid rgba(231,183,102,.35);border-radius:50%;box-shadow:0 0 0 30px rgba(231,183,102,.04),0 0 0 70px rgba(231,183,102,.025)}
.grievance-info{position:relative;z-index:1;background:rgba(255,255,255,.04)}

/* Branches */
.branch-grid{gap:22px}
.branch-card{min-height:300px;padding:34px;position:relative;overflow:hidden}
.branch-card.featured{background:linear-gradient(145deg,#0b1f33,#173d5d)}
.branch-card:after{content:"";position:absolute;right:-90px;bottom:-100px;width:230px;height:230px;border:1px solid rgba(24,119,184,.10);border-radius:50%}
.branch-card h3{letter-spacing:-1px}
.branch-card p{max-width:560px}
.branch-card a{position:relative;z-index:1}

/* Contact / map */
.map-section{padding:95px clamp(22px,8vw,120px)!important;background:#fff!important;grid-template-columns:minmax(330px,.78fr) minmax(0,1.65fr)!important;gap:55px!important;border-top:1px solid var(--pc-line);border-bottom:1px solid var(--pc-line)}
.map-copy{padding:28px 0!important}
.map-copy h2{font-size:clamp(42px,5vw,72px);letter-spacing:-4px}
.map-frame{min-height:500px!important;border-radius:22px!important;box-shadow:0 22px 60px rgba(11,31,51,.10)!important;border:1px solid #d7e0e8!important}
.map-frame iframe{min-height:500px!important;filter:saturate(.9) contrast(1.02)!important}

/* Footer */
footer{padding:78px clamp(22px,8vw,120px) 25px;background:#081a2c;position:relative;overflow:hidden}
footer:before{content:"";position:absolute;right:-220px;top:-250px;width:600px;height:600px;border:1px solid rgba(231,183,102,.09);border-radius:50%;box-shadow:0 0 0 70px rgba(231,183,102,.02),0 0 0 140px rgba(24,119,184,.018)}
.footer-grid,.footer-bottom{position:relative;z-index:1}
.footer-grid{gap:55px}
.footer-grid h4{letter-spacing:.5px}
.footer-grid a:not(.brand){transition:.2s}
.newsletter input{border-radius:10px 0 0 10px}
.newsletter button{border-radius:0 10px 10px 0}

/* Better mobile navigation and responsive layout */
@media(max-width:1180px){nav{gap:2px}.navbar{padding-left:3.5%;padding-right:3.5%}.brand small{letter-spacing:1px}.brand{font-size:12px}.apply{padding:11px 13px}}
@media(max-width:900px){
  .neo-page-hero{min-height:380px!important;padding:72px 6% 58px!important}
  .neo-hero-content h1{letter-spacing:-3px}
  .section-intro{gap:25px}
  .policy-page,.branches-section,.grievance-section{padding:78px 6%}
  .map-section{padding:78px 6%!important}
  .map-frame,.map-frame iframe{min-height:430px!important}
}
@media(max-width:800px){
  .top-status{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  nav{top:70px;padding:15px 6%;gap:3px}
  nav>a:not(.apply):not(.login):not(.lang-toggle){padding:12px 10px}
  .navbar{box-shadow:0 8px 24px rgba(11,31,51,.06)}
  .future-hero{min-height:760px;padding-top:58px}
  .hero-copy h1{letter-spacing:-3.5px}
  .policy-card,.branch-card{min-height:0}
}
@media(max-width:560px){
  .top-status{font-size:7px}
  .neo-page-hero{min-height:350px!important}
  .neo-hero-content h1{font-size:clamp(42px,13vw,62px);letter-spacing:-2.7px}
  .neo-hero-content>p:last-child{font-size:12px}
  .policy-card,.branch-card,.grievance-card{padding:25px}
  .policy-actions{display:grid;grid-template-columns:1fr}
  .policy-actions a{text-align:center;justify-content:center}
  .map-section{padding:65px 6%!important}
  .map-frame,.map-frame iframe{min-height:350px!important}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* =========================================================
   PHOENIX CAPITAL — V7 INDUSTRY EDITION
   Premium institutional fintech design system
   ========================================================= */
:root{
  --pc-navy:#071a2b;--pc-navy2:#0d2a43;--pc-blue:#1573ad;--pc-gold:#c58a32;
  --pc-gold2:#e7bd72;--pc-paper:#f5f8fb;--pc-white:#fff;--pc-text:#0d2033;
  --pc-muted:#66788b;--pc-line:#dbe4ec;--pc-radius:18px;
  --pc-shadow:0 24px 70px rgba(7,26,43,.10)
}
html{background:var(--pc-paper)}
body{background:var(--pc-paper);color:var(--pc-text);font-feature-settings:"ss01" 1,"cv02" 1}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 8% 8%,rgba(21,115,173,.055),transparent 25%),radial-gradient(circle at 92% 70%,rgba(197,138,50,.045),transparent 23%)}
.top-status{height:31px;padding:0 5%;display:flex;justify-content:center;align-items:center;gap:8px;background:var(--pc-navy);border:0;font-size:8px;letter-spacing:1.7px}
.build-badge{margin-left:12px;padding:3px 7px;border:1px solid rgba(231,189,114,.25);border-radius:20px;color:var(--pc-gold2);font-size:7px;letter-spacing:1.2px}
.navbar{height:76px;padding:0 clamp(20px,5vw,80px);background:rgba(255,255,255,.86);border-bottom:1px solid rgba(219,228,236,.82);box-shadow:0 8px 30px rgba(7,26,43,.035)}
.navbar.scrolled{height:66px;background:rgba(255,255,255,.96);box-shadow:0 12px 34px rgba(7,26,43,.09)}
.brand{gap:12px;font-size:13px;letter-spacing:1.1px}.brand-logo{overflow:hidden;background:#fff!important}.brand-logo img{width:27px;height:27px;object-fit:contain;position:relative;z-index:2}.brand small{font-size:7px;letter-spacing:1.5px}
nav{gap:5px;font-size:10px}nav>a:not(.apply):not(.login):not(.lang-toggle){padding:10px 8px;border-radius:8px;transition:.2s}nav>a:not(.apply):not(.login):not(.lang-toggle):hover,nav>a.active{background:#f0f5f8;color:var(--pc-navy)}nav>a.active:after{content:"";display:block;height:2px;width:14px;margin:4px auto 0;border-radius:2px;background:var(--pc-gold)}
.login,.lang-toggle{border-color:#d7e1e9;background:#fff;box-shadow:0 4px 14px rgba(7,26,43,.04)}
.apply{background:linear-gradient(135deg,#d9aa5a,#ad7320);border-radius:10px;box-shadow:0 12px 30px rgba(173,115,32,.20)}

/* Shared futuristic page hero */
.neo-page-hero{min-height:455px!important;padding:90px clamp(22px,8vw,120px) 76px!important;background:linear-gradient(120deg,#fdfefe 0%,#f3f7fa 58%,#eaf2f7 100%)!important;color:var(--pc-text)!important;border-bottom:1px solid var(--pc-line);isolation:isolate}
.neo-page-hero .hero-grid{opacity:.72;background-image:linear-gradient(rgba(7,26,43,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(7,26,43,.045) 1px,transparent 1px);mask-image:linear-gradient(90deg,#000 0%,#000 55%,transparent 100%)}
.neo-page-hero:before{content:"";position:absolute;right:7%;top:50%;width:300px;height:300px;transform:translateY(-50%);border:1px solid rgba(21,115,173,.15);border-radius:50%;box-shadow:0 0 0 42px rgba(21,115,173,.025),0 0 0 84px rgba(197,138,50,.02);z-index:-1}
.neo-page-hero:after{right:10%;top:50%;width:175px;height:175px;border:1px dashed rgba(197,138,50,.30);box-shadow:none}
.neo-hero-content{max-width:850px}.hero-breadcrumb{color:#8293a4!important;font-size:8px}.neo-hero-content .eyebrow{margin-top:18px;color:var(--pc-gold);font-weight:700}.neo-hero-content h1{font-size:clamp(48px,6.4vw,86px);letter-spacing:-4.8px;line-height:.96;color:var(--pc-navy);margin:22px 0 20px}.neo-hero-content h1 span{color:var(--pc-gold)!important}.neo-hero-content>p:last-child{color:var(--pc-muted)!important;font-size:14px;max-width:650px;line-height:1.9}

/* Home hero */
.future-hero{min-height:700px;padding:80px clamp(22px,8vw,120px);background:radial-gradient(circle at 75% 20%,rgba(21,115,173,.13),transparent 22%),radial-gradient(circle at 67% 90%,rgba(197,138,50,.11),transparent 21%),linear-gradient(135deg,#fff,#f2f7fa)!important}
.hero-copy h1{color:var(--pc-navy);font-size:clamp(52px,6.2vw,88px)}.hero-description{color:var(--pc-muted);font-size:15px}.live-pill{box-shadow:0 8px 24px rgba(7,26,43,.05)}
.hero-system{height:500px}.system-ring{border-color:rgba(21,115,173,.18)}.r2{border-color:rgba(197,138,50,.28)}.core-orb{background:radial-gradient(circle at 35% 30%,#e0f0fa,#fff 70%);box-shadow:0 0 0 1px rgba(21,115,173,.18),0 25px 85px rgba(21,115,173,.14)}.orb-inner{border-color:rgba(197,138,50,.62)}
.data-node,.hud-card{border-color:#d7e1e9;background:rgba(255,255,255,.88);box-shadow:0 20px 55px rgba(7,26,43,.09);backdrop-filter:blur(12px)}

/* Section rhythm */
.solution-section,.mission-zone,.principles-zone,.vision-zone,.products-intro,.process-band,.service-command,.application-zone,.contact-zone,.emi-lab,.lab-note,.support-flow,.policy-page,.grievance-section,.branches-section{padding-top:110px!important;padding-bottom:110px!important}
.section-intro,.command-intro,.products-intro{max-width:1250px;margin-left:auto;margin-right:auto}.section-intro h2,.mission-zone h2,.principles-zone h2,.vision-zone h2,.products-intro h2,.process-band h2,.command-intro h2,.support-flow h2,.lab-note h2{color:var(--pc-navy)}
.section-intro h2 span,.mission-zone h2 span,.products-intro h2 span,.command-intro h2 span,.support-flow h2 span,.lab-note h2 span{color:var(--pc-gold)}
.solution-card,.principle-card,.matrix-card,.service-card,.neo-form-wrap,.contact-form-panel,.lab-controls{border:1px solid var(--pc-line);border-radius:var(--pc-radius);box-shadow:0 10px 32px rgba(7,26,43,.045)}
.solution-card:hover,.principle-card:hover,.matrix-card:hover,.service-card:hover{transform:translateY(-8px);box-shadow:var(--pc-shadow)}
.solution-card h3,.matrix-card h3,.service-card h3{color:var(--pc-navy)}
.dark-card,.portal-service,.matrix-card.featured{background:linear-gradient(145deg,var(--pc-navy),var(--pc-navy2));border-color:var(--pc-navy)}
.gold-card,.matrix-card.gold-matrix{background:linear-gradient(145deg,#f5e7c9,#dfb566)}

/* Institutional dark panels */
.intelligence-section,.support-flow{background:linear-gradient(135deg,#061827,#0d2d49)!important}.intelligence-section h2,.support-flow h2{color:#fff}.future-cta{background:linear-gradient(135deg,#071a2b,#123a59)!important}

/* Forms / EMI */
.neo-form-wrap,.contact-form-panel,.lab-controls{background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}
.neo-form input,.neo-form select,.neo-form textarea{border-color:#d4dfe8!important;background:#f8fafc!important;border-radius:10px!important}.neo-form input:focus,.neo-form select:focus,.neo-form textarea:focus{border-color:var(--pc-gold)!important;box-shadow:0 0 0 4px rgba(197,138,50,.10)!important;background:#fff!important}.submit-neo{background:linear-gradient(135deg,#d7a653,#ad7320)!important;border-radius:10px!important}
.lab-result{background:linear-gradient(145deg,#071a2b,#143b5a)!important;border-radius:var(--pc-radius)!important;box-shadow:var(--pc-shadow)}

/* Policies — unmistakably new layout */
.policy-page{background:linear-gradient(180deg,#f8fafc,#eef4f8)!important}.policy-grid{max-width:1250px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.policy-card{background:#fff!important;border:1px solid #d8e2ea!important;box-shadow:0 16px 45px rgba(7,26,43,.065)!important;padding:38px!important;border-radius:22px!important}.policy-card:hover{transform:translateY(-8px);box-shadow:0 28px 70px rgba(7,26,43,.12)!important}.policy-card:before{border-color:rgba(21,115,173,.12);box-shadow:0 0 0 38px rgba(21,115,173,.025),0 0 0 76px rgba(197,138,50,.018)}.policy-icon{background:#f9f3e7!important;border:1px solid rgba(197,138,50,.35)!important;color:var(--pc-gold);font-weight:800}.policy-meta{color:#8090a0!important}.policy-card h3{font-size:28px!important;color:var(--pc-navy)!important}.policy-card>p:not(.policy-meta){font-size:12px!important;color:var(--pc-muted)!important;line-height:1.8}.policy-actions{display:flex;flex-wrap:wrap;margin-top:30px}.policy-actions a{padding:11px 14px!important;border:1px solid #d8e2ea!important;font-size:10px!important;font-weight:800}.policy-actions .primary{border-color:transparent!important;color:#fff!important}.policy-note{max-width:1250px;margin:28px auto 0;padding:18px 20px!important;background:#fffdf8!important;color:#6f5b38!important;border-radius:12px!important}

/* Grievance */
.grievance-section{background:linear-gradient(135deg,#f8fafc,#edf4f8)!important}.grievance-main{max-width:1250px;margin:auto}.grievance-main h2{color:var(--pc-navy)}.grievance-steps>div{padding:26px 0!important}.grievance-steps b{background:#fffaf0!important;color:var(--pc-gold)}.grievance-steps strong{color:var(--pc-navy)}

/* Branches */
.branches-section{background:linear-gradient(180deg,#f8fafc,#edf3f7)!important}.branch-grid{max-width:1250px;margin:auto}.branch-card{background:#fff!important}.branch-card.featured{background:linear-gradient(145deg,#071a2b,#123a59)!important}.branch-card h3{color:var(--pc-navy)}.branch-card.featured h3{color:#fff}.branch-card p{line-height:1.8}

/* Contact / map */
.contact-zone{background:#f2f6f9!important}.contact-info-grid div{border-radius:14px;box-shadow:0 8px 25px rgba(7,26,43,.035)}.map-section{background:#fff!important}.map-frame{border-radius:22px!important;overflow:hidden;box-shadow:0 25px 70px rgba(7,26,43,.12)!important}

/* Footer */
footer{background:linear-gradient(135deg,#061522,#0b2942)!important;padding-top:85px}.footer-brand .brand-logo{background:#fff!important}.footer-grid a:not(.brand):hover{color:var(--pc-gold2)!important}

/* Responsive V7 */
@media(max-width:1100px){nav{gap:2px}.navbar{padding-left:3%;padding-right:3%}.brand{font-size:11px}.policy-grid{grid-template-columns:1fr}}
@media(max-width:800px){.top-status{height:28px}.build-badge{display:none}.navbar{height:70px}.neo-page-hero{min-height:390px!important;padding:70px 6% 60px!important}.neo-page-hero:before,.neo-page-hero:after{right:-80px}.neo-hero-content h1{font-size:clamp(46px,12vw,68px);letter-spacing:-3.2px}.future-hero{min-height:720px;padding:60px 6%}.solution-section,.mission-zone,.principles-zone,.vision-zone,.products-intro,.process-band,.service-command,.application-zone,.contact-zone,.emi-lab,.lab-note,.support-flow,.policy-page,.grievance-section,.branches-section{padding-top:78px!important;padding-bottom:78px!important}.policy-card{padding:28px!important}.policy-actions{display:grid;grid-template-columns:1fr}.policy-actions a{justify-content:center;text-align:center}.footer-grid{gap:35px}}
@media(max-width:520px){.brand small{font-size:6px}.brand-logo img{width:24px;height:24px}.brand-orbit{width:34px;height:34px}.neo-page-hero{min-height:360px!important}.neo-hero-content h1{font-size:clamp(42px,13vw,60px);letter-spacing:-2.7px}.neo-hero-content>p:last-child{font-size:12px}.policy-card{padding:24px!important}.map-frame,.map-frame iframe{min-height:350px!important}}

/* =========================================================
   V8 — LEADERSHIP / GOVERNANCE MODULE
   ========================================================= */
.leadership-section{position:relative;padding:110px clamp(22px,7vw,110px);background:#f7fafc;border-top:1px solid var(--pc-line);overflow:hidden}
.leadership-section:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(7,26,43,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(7,26,43,.025) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent)}
.leadership-heading,.leadership-grid,.leadership-footer{position:relative;z-index:1}
.leadership-heading{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:end;margin-bottom:48px}
.leadership-heading h2{margin:12px 0 0;font-size:clamp(48px,6vw,82px);line-height:.95;letter-spacing:-5px;color:var(--pc-navy)}
.leadership-heading h2 span{color:var(--pc-gold)}
.leadership-heading>p{max-width:540px;margin:0;color:var(--pc-muted);font-size:13px;line-height:1.85}
.leadership-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.leader-card{min-height:365px;padding:22px 18px 20px;border:1px solid #dbe4eb;border-top:2px solid var(--pc-gold);border-radius:20px;background:rgba(255,255,255,.92);box-shadow:0 18px 45px rgba(7,26,43,.075);position:relative;overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.leader-card:before{content:"";position:absolute;right:-70px;top:-70px;width:170px;height:170px;border:1px solid rgba(21,115,173,.10);border-radius:50%;box-shadow:0 0 0 26px rgba(21,115,173,.025),0 0 0 52px rgba(197,138,50,.02)}
.leader-card:hover{transform:translateY(-8px);box-shadow:0 28px 65px rgba(7,26,43,.13);border-color:#c9d7e2}
.leader-index{font-family:"DM Mono",monospace;font-size:8px;letter-spacing:1.5px;color:#8797a7;margin-bottom:13px}
.leader-photo-wrap{width:170px;height:170px;margin:0 auto 22px;border-radius:50%;padding:6px;background:linear-gradient(135deg,#fff,#eef3f6);border:2px solid rgba(197,138,50,.68);box-shadow:0 12px 30px rgba(7,26,43,.10),0 0 0 7px rgba(197,138,50,.05);position:relative;z-index:1}
.leader-photo-wrap img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}
.leader-info{text-align:center;position:relative;z-index:1}
.leader-info h3{font-size:17px;line-height:1.18;letter-spacing:-.4px;color:var(--pc-navy);margin:0 auto 7px;max-width:190px}
.leader-info p{margin:0;color:var(--pc-gold);font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}
.leader-arrow{position:absolute;right:18px;bottom:18px;width:30px;height:30px;border:1px solid #dce5eb;border-radius:9px;display:grid;place-items:center;color:var(--pc-navy);font-size:14px;background:#fff;transition:.25s}
.leader-card:hover .leader-arrow{background:var(--pc-navy);color:#fff;border-color:var(--pc-navy);transform:rotate(8deg)}
.leader-card.leader-featured{background:linear-gradient(145deg,#0b1f33,#143a59);border-color:#244d6d;border-top-color:var(--pc-gold2);box-shadow:0 25px 60px rgba(7,26,43,.18)}
.leader-card.leader-featured .leader-index{color:#a9bfd0}
.leader-card.leader-featured .leader-info h3{color:#fff}
.leader-card.leader-featured .leader-info p{color:var(--pc-gold2)}
.leader-card.leader-featured .leader-arrow{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}
.leader-card.leader-featured .leader-photo-wrap{border-color:rgba(231,189,114,.82)}
.leadership-footer{margin-top:24px;padding:16px 20px;border-top:1px solid var(--pc-line);display:flex;justify-content:space-between;gap:20px;align-items:center;color:#7a8b9a;font-size:8px;letter-spacing:1.4px}
.leadership-footer span{display:flex;align-items:center;gap:8px}.leadership-footer i{width:7px;height:7px;border-radius:50%;background:var(--pc-gold);box-shadow:0 0 0 4px rgba(197,138,50,.10)}
.leadership-footer b{font-family:"DM Mono",monospace;color:var(--pc-navy);font-size:9px;font-weight:500;letter-spacing:1px}
@media(max-width:1250px){.leadership-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.leader-card{min-height:355px}}
@media(max-width:900px){.leadership-section{padding:80px 6%}.leadership-heading{grid-template-columns:1fr;gap:20px}.leadership-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.leader-photo-wrap{width:155px;height:155px}}
@media(max-width:560px){.leadership-grid{grid-template-columns:1fr}.leader-card{min-height:345px}.leadership-heading h2{letter-spacing:-3px}.leadership-footer{align-items:flex-start;flex-direction:column}.leader-photo-wrap{width:165px;height:165px}}


/* Leadership detail link */

/* Gallery / Special Moments */
.gallery-hero{min-height:54vh;position:relative;overflow:hidden}
.gallery-hero:after{content:"";position:absolute;inset:auto -10% -35% 35%;height:55vh;border-radius:50%;border:1px solid rgba(18,43,78,.14);box-shadow:0 0 0 42px rgba(18,43,78,.025),0 0 0 84px rgba(18,43,78,.02);pointer-events:none}
.gallery-page{padding:92px 6vw 120px;background:linear-gradient(180deg,#fff,#f7f9fc)}
.gallery-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:46px}
.gallery-toolbar h2{margin:10px 0 0;font-size:clamp(2rem,4vw,4rem);letter-spacing:-.05em}
.gallery-toolbar h2 span,.gallery-guide h3 span{color:#c78b2a}
.gallery-admin-note{display:flex;align-items:center;gap:13px;padding:13px 16px;border:1px solid rgba(18,43,78,.12);background:#fff;border-radius:18px;box-shadow:0 16px 40px rgba(18,43,78,.07)}
.gallery-admin-dot{width:9px;height:9px;border-radius:50%;background:#c78b2a;box-shadow:0 0 0 6px rgba(199,139,42,.1);flex:none}
.gallery-admin-note strong,.gallery-admin-note small{display:block}.gallery-admin-note strong{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.gallery-admin-note small{color:#6d7684;margin-top:3px}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.gallery-card{background:#fff;border:1px solid rgba(18,43,78,.1);border-radius:24px;overflow:hidden;box-shadow:0 18px 50px rgba(18,43,78,.07);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.gallery-card:hover{transform:translateY(-7px);box-shadow:0 28px 70px rgba(18,43,78,.13);border-color:rgba(199,139,42,.4)}
.gallery-card.featured{grid-column:span 2}.gallery-image-button{display:block;width:100%;padding:0;border:0;background:none;cursor:pointer;text-align:left}.gallery-image-wrap{height:300px;position:relative;overflow:hidden;background:#e9edf3}.gallery-card.featured .gallery-image-wrap{height:390px}.gallery-image-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(6,20,38,.18));pointer-events:none}.gallery-image-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.gallery-card:hover .gallery-image-wrap img{transform:scale(1.05)}
.gallery-expand{position:absolute;right:17px;top:17px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:#122b4e;font-size:1.15rem;z-index:2}.gallery-featured{position:absolute;left:17px;top:17px;padding:8px 11px;border-radius:99px;background:#122b4e;color:#fff;font-size:.65rem;letter-spacing:.13em;font-weight:800;z-index:2}
.gallery-card-body{padding:24px}.gallery-meta{display:flex;justify-content:space-between;gap:15px;color:#8a6a35;font:700 .68rem/1 "DM Mono",monospace;letter-spacing:.1em}.gallery-meta time{color:#87909d}.gallery-card h3{font-size:1.35rem;margin:12px 0 8px;letter-spacing:-.025em;color:#122b4e}.gallery-card p{margin:0;color:#687485;line-height:1.7}
.gallery-empty{padding:90px 30px;text-align:center;border:1px dashed rgba(18,43,78,.2);border-radius:28px;background:rgba(255,255,255,.7)}.gallery-empty-orbit{width:110px;height:110px;margin:0 auto 25px;border:1px solid rgba(199,139,42,.5);border-radius:50%;display:grid;place-items:center;position:relative}.gallery-empty-orbit:before,.gallery-empty-orbit:after{content:"";position:absolute;border:1px solid rgba(18,43,78,.12);border-radius:50%}.gallery-empty-orbit:before{inset:13px}.gallery-empty-orbit:after{inset:-12px 22px;transform:rotate(35deg)}.gallery-empty-orbit span{font-size:2rem;color:#c78b2a}.gallery-empty h2{font-size:clamp(1.8rem,3vw,2.8rem);margin:10px 0}.gallery-empty>p:not(.eyebrow){color:#687485;margin:0 auto 25px}
.gallery-guide{margin-top:72px;display:grid;grid-template-columns:90px 1fr 230px;gap:30px;align-items:center;padding:34px;border:1px solid rgba(18,43,78,.1);border-radius:25px;background:#fff}.gallery-guide-number{font:700 2.5rem/1 "DM Mono",monospace;color:#c78b2a}.gallery-guide h3{font-size:clamp(1.5rem,3vw,2.4rem);margin:8px 0}.gallery-guide p:not(.eyebrow){max-width:800px;color:#687485;line-height:1.7}.gallery-guide-lines{display:grid;gap:10px}.gallery-guide-lines i{display:block;height:1px;background:linear-gradient(90deg,#c78b2a,transparent)}
.gallery-lightbox{position:fixed;inset:0;z-index:2000;display:none}.gallery-lightbox.is-open{display:block}.gallery-lightbox-backdrop{position:absolute;inset:0;background:rgba(6,18,34,.76);backdrop-filter:blur(12px)}.gallery-lightbox-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-48%);width:min(1080px,92vw);max-height:90vh;overflow:auto;background:#fff;border-radius:28px;box-shadow:0 40px 100px rgba(0,0,0,.3);display:grid;grid-template-columns:1.2fr .8fr}.gallery-lightbox-image{min-height:560px;background:#eef1f5}.gallery-lightbox-image img{width:100%;height:100%;max-height:80vh;object-fit:cover;display:block}.gallery-lightbox-copy{padding:52px 40px;align-self:center}.gallery-lightbox-copy h2{font-size:clamp(1.8rem,3vw,3rem);color:#122b4e;letter-spacing:-.04em}.gallery-lightbox-copy p:last-child{color:#687485;line-height:1.8}.gallery-close{position:absolute;right:18px;top:18px;z-index:3;width:44px;height:44px;border:1px solid rgba(18,43,78,.16);background:#fff;border-radius:50%;font-size:1.7rem;cursor:pointer;color:#122b4e}
@media(max-width:900px){.gallery-toolbar{align-items:stretch;flex-direction:column}.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-card.featured{grid-column:span 2}.gallery-guide{grid-template-columns:70px 1fr}.gallery-guide-lines{display:none}.gallery-lightbox-panel{grid-template-columns:1fr}.gallery-lightbox-image{min-height:340px;max-height:48vh}.gallery-lightbox-copy{padding:30px}}
@media(max-width:620px){.gallery-page{padding:65px 5vw 80px}.gallery-grid{grid-template-columns:1fr}.gallery-card.featured{grid-column:span 1}.gallery-image-wrap,.gallery-card.featured .gallery-image-wrap{height:260px}.gallery-admin-note{align-items:flex-start;flex-wrap:wrap}.gallery-guide{grid-template-columns:1fr;padding:25px}.gallery-lightbox-panel{width:94vw;border-radius:20px}.gallery-lightbox-image{min-height:250px}.gallery-lightbox-copy{padding:26px}}

.gallery-home-cta{margin:0;padding:95px 6vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;background:#f2f5f8;position:relative;overflow:hidden}.gallery-home-visual{height:330px;position:relative;display:grid;place-items:center;border:1px solid rgba(18,43,78,.1);border-radius:28px;background:radial-gradient(circle at center,rgba(199,139,42,.12),transparent 45%),#fff;box-shadow:0 25px 70px rgba(18,43,78,.08);font:800 .72rem/1 "DM Mono",monospace;letter-spacing:.2em;color:#122b4e}.gallery-home-ring{position:absolute;border:1px solid rgba(18,43,78,.15);border-radius:50%}.gallery-home-ring.r1{width:210px;height:210px}.gallery-home-ring.r2{width:290px;height:145px;transform:rotate(-24deg);border-color:rgba(199,139,42,.4)}.gallery-home-visual:after{content:"✦";position:absolute;color:#c78b2a;font-size:1.2rem;top:25%;right:22%}.gallery-home-cta h2{font-size:clamp(2.2rem,4.5vw,4.4rem);line-height:.98;letter-spacing:-.05em;margin:10px 0 20px}.gallery-home-cta h2 span{color:#c78b2a}.gallery-home-cta p:not(.eyebrow){max-width:650px;color:#687485;line-height:1.75;margin-bottom:28px}
@media(max-width:760px){.gallery-home-cta{grid-template-columns:1fr;gap:35px;padding:70px 5vw}.gallery-home-visual{height:250px}.gallery-home-ring.r1{width:170px;height:170px}.gallery-home-ring.r2{width:230px;height:115px}}


/* =========================================================
   PHOENIX CAPITAL — V11 INDUSTRY EDITION
   Enterprise fintech visual system / light futuristic UI
   ========================================================= */
:root{
  --pc-navy:#081b33;
  --pc-navy-2:#0d2948;
  --pc-blue:#145da0;
  --pc-blue-2:#2b82c8;
  --pc-gold:#c58a32;
  --pc-gold-2:#efc56c;
  --pc-ink:#0d1f34;
  --pc-muted:#63748a;
  --pc-soft:#eef4f8;
  --pc-line:rgba(13,31,52,.10);
  --pc-white:#fff;
  --pc-shadow:0 24px 70px rgba(8,27,51,.10);
  --pc-shadow-sm:0 12px 32px rgba(8,27,51,.07);
  --pc-radius:22px;
}

html{background:#f4f7fa}
body{background:
  radial-gradient(circle at 12% 0%,rgba(197,138,50,.07),transparent 26rem),
  radial-gradient(circle at 88% 10%,rgba(20,93,160,.06),transparent 30rem),
  #f5f8fb;color:var(--pc-ink)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(8,27,51,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(8,27,51,.018) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(#000,transparent 75%)}
::selection{background:rgba(197,138,50,.22);color:var(--pc-navy)}

/* Utility strip */
.top-status{height:34px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 18px;background:linear-gradient(90deg,#071a31,#0d2948 50%,#071a31);border:0;color:#dce8f3;box-shadow:0 1px 0 rgba(255,255,255,.06) inset;font-size:8px;letter-spacing:1.6px}
.top-status .status-dot{margin-right:2px}
.build-badge{padding:5px 8px;border:1px solid rgba(239,197,108,.25);border-radius:999px;color:#f1d89f;background:rgba(197,138,50,.08)}
.top-divider{margin:0 4px;color:rgba(239,197,108,.6)}

/* Header */
.navbar{position:sticky;top:0;z-index:1100;height:84px;padding:0 clamp(22px,5vw,78px);background:rgba(255,255,255,.86);border-bottom:1px solid rgba(8,27,51,.08);box-shadow:0 8px 28px rgba(8,27,51,.045);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.navbar.scrolled{height:70px;background:rgba(255,255,255,.94);box-shadow:0 12px 34px rgba(8,27,51,.09)}
.brand{font-size:13px;letter-spacing:1.35px;color:var(--pc-navy)}
.brand b{color:var(--pc-gold)}
.brand small{font-size:7px;letter-spacing:1.8px;color:#7d8b9c}
.brand-orbit{width:44px;height:44px;border-color:rgba(197,138,50,.58);background:linear-gradient(145deg,#fff,#f1f6f9);box-shadow:0 6px 20px rgba(8,27,51,.08)}
.brand-orbit:before{width:57px;height:22px;border-color:rgba(20,93,160,.18)}
.brand-logo img{width:29px;height:29px;object-fit:contain;position:relative;z-index:1}
#mainNav{gap:7px;font-size:10px;color:#526579}
#mainNav>a:not(.apply):not(.login){position:relative;padding:11px 8px;border-radius:9px;transition:color .2s,background .2s}
#mainNav>a:not(.apply):not(.login):hover{color:var(--pc-navy);background:#f1f5f8}
#mainNav>a.active:not(.apply):not(.login){color:var(--pc-navy);background:#eef4f8}
#mainNav>a.active:not(.apply):not(.login):after{content:"";position:absolute;left:10px;right:10px;bottom:4px;height:2px;border-radius:2px;background:var(--pc-gold)}
.login{padding:10px 12px;border:1px solid rgba(8,27,51,.12);background:#fff;border-radius:10px}
.login:hover{border-color:rgba(197,138,50,.45);background:#fffaf2}
.apply{border-radius:11px;padding:12px 15px;background:linear-gradient(135deg,#e7bc65,#b97922);box-shadow:0 10px 26px rgba(183,122,34,.20)}
.lang-toggle{border-radius:10px;padding:9px 11px;background:#fff;box-shadow:0 4px 14px rgba(8,27,51,.04)}

/* Shared page heroes */
.neo-page-hero,.inner-hero{min-height:500px!important;padding:92px clamp(24px,7vw,110px)!important;display:flex!important;align-items:center;position:relative;isolation:isolate;background:
  radial-gradient(circle at 82% 36%,rgba(43,130,200,.13),transparent 20rem),
  radial-gradient(circle at 72% 70%,rgba(197,138,50,.12),transparent 18rem),
  linear-gradient(135deg,#fff 0%,#f6f9fb 54%,#eaf1f6 100%)!important;border-bottom:1px solid var(--pc-line);overflow:hidden}
.neo-page-hero:before,.inner-hero:before{content:"";position:absolute;inset:20px 3%;border:1px solid rgba(8,27,51,.06);border-radius:30px;pointer-events:none}
.hero-grid,.inner-hero-grid{opacity:.55;background-size:42px 42px!important;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.5),transparent)!important}
.neo-hero-content,.inner-hero-copy{max-width:850px;z-index:3}
.neo-hero-content .eyebrow,.inner-hero-copy .eyebrow{margin-bottom:16px;color:var(--pc-gold);font-weight:700}
.hero-breadcrumb{font:8px "DM Mono",monospace;letter-spacing:1.8px;color:#8795a6;margin-bottom:20px}
.neo-hero-content h1,.inner-hero-copy h1{font-size:clamp(48px,7vw,88px)!important;line-height:.95!important;letter-spacing:-4px!important;margin:0 0 24px!important;color:var(--pc-navy)!important}
.neo-hero-content h1 span,.inner-hero-copy h1 span{color:var(--pc-gold)!important}
.neo-hero-content>p,.inner-hero-copy>p{max-width:670px;color:var(--pc-muted);font-size:15px;line-height:1.85;margin:0}
.hero-code-card,.hero-code{border:1px solid rgba(8,27,51,.10)!important;background:rgba(255,255,255,.78)!important;box-shadow:var(--pc-shadow)!important;border-radius:20px!important;backdrop-filter:blur(15px)}
.hero-code-card{right:7%!important}
.hero-code{right:7%!important}

/* Home hero */
.future-hero{min-height:700px;padding:88px clamp(24px,7vw,110px);background:
  radial-gradient(circle at 74% 42%,rgba(43,130,200,.12),transparent 22rem),
  radial-gradient(circle at 62% 85%,rgba(197,138,50,.12),transparent 19rem),
  linear-gradient(135deg,#fff,#f4f8fb 58%,#e8f0f5)}
.future-hero:after{content:"";position:absolute;inset:12px 2.5%;border:1px solid rgba(8,27,51,.06);border-radius:30px;pointer-events:none}
.hero-copy h1{font-size:clamp(52px,6vw,92px);letter-spacing:-5px;color:var(--pc-navy)}
.hero-copy h1 span{color:var(--pc-gold)}
.hero-description{font-size:16px;max-width:620px}
.live-pill{box-shadow:0 8px 22px rgba(8,27,51,.06);background:rgba(255,255,255,.82)}
.hero-metrics strong{color:var(--pc-gold)}
.hero-system{height:520px;z-index:2}
.system-ring{border-color:rgba(20,93,160,.15)}
.system-ring.r2{border-color:rgba(197,138,50,.30)}
.core-orb{background:radial-gradient(circle at 35% 30%,#e7f2f8,#fff 68%);box-shadow:0 0 0 1px rgba(20,93,160,.14),0 25px 90px rgba(20,93,160,.13)}
.orb-inner{border-color:rgba(197,138,50,.55);color:var(--pc-gold)}
.data-node{border-radius:14px;box-shadow:var(--pc-shadow-sm);background:rgba(255,255,255,.84)}

/* Ticker */
.ticker{background:var(--pc-navy);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);padding:15px 0}
.ticker b{color:var(--pc-gold-2)}

/* Section rhythm */
.solution-section,.intelligence-section,.command-section,.portal-section,.gallery-home-cta,.service-command,.application-zone,.contact-zone,.emi-lab,.products-intro,.product-matrix,.mission-zone,.principles-zone,.vision-zone,.policy-page,.grievance-section,.branches-section{padding-top:clamp(78px,9vw,125px)!important;padding-bottom:clamp(78px,9vw,125px)!important}
.section-intro,.leadership-heading,.gallery-toolbar,.service-command,.application-zone,.contact-zone,.section-center{max-width:1400px;margin-left:auto;margin-right:auto}
.section-intro h2,.intel-copy h2,.command-copy h2,.portal-copy h2,.future-cta h2,.leadership-heading h2,.gallery-home-cta h2,.products-intro h2,.mission-zone h2,.principles-zone h2,.vision-zone h2{font-size:clamp(40px,5vw,70px)!important;letter-spacing:-3.5px!important;line-height:1.02!important;color:var(--pc-navy)}
.eyebrow{font-weight:700;color:var(--pc-gold)}

/* Cards */
.solution-grid,.product-matrix,.service-grid,.principle-grid,.branch-grid,.policy-grid,.leadership-grid{gap:18px!important}
.solution-card,.matrix-card,.service-card,.principle-card,.branch-card,.policy-card,.leader-card{border:1px solid rgba(8,27,51,.09)!important;border-radius:20px!important;box-shadow:0 12px 36px rgba(8,27,51,.045)!important;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important}
.solution-card:hover,.matrix-card:hover,.service-card:hover,.principle-card:hover,.branch-card:hover,.policy-card:hover,.leader-card:hover{transform:translateY(-8px);box-shadow:0 25px 65px rgba(8,27,51,.11)!important;border-color:rgba(197,138,50,.35)!important}
.solution-card:after,.matrix-card:after,.service-card:after,.policy-card:after{content:"";position:absolute;left:18px;right:18px;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--pc-gold),transparent);opacity:.55}

/* Dark institutional bands */
.intelligence-section{background:linear-gradient(135deg,#071a31,#0d2948 65%,#12385d)!important;position:relative;overflow:hidden}
.intelligence-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,#000,transparent)}
.intel-copy{position:relative;z-index:2}.intel-copy h2,.command-copy h2,.portal-copy h2{color:#fff!important}.intel-copy>p,.command-copy>p,.portal-copy>p{color:#b9c8d7}
.intel-visual{border-radius:26px!important;box-shadow:0 30px 80px rgba(0,0,0,.22)!important}
.command-section{background:#eef4f7!important;position:relative}
.command-panel{border-radius:26px!important;box-shadow:var(--pc-shadow)!important}
.portal-section{background:linear-gradient(135deg,#081b33,#0d2948)!important;color:#fff;overflow:hidden}
.portal-section:before{opacity:.7}

/* Leadership */
.leadership-section{padding:120px clamp(24px,6vw,90px)!important;background:linear-gradient(180deg,#fff,#f5f8fa)!important;position:relative}
.leadership-section:before{content:"LEADERSHIP / GOVERNANCE";position:absolute;right:5%;top:62px;color:rgba(8,27,51,.045);font:700 clamp(34px,6vw,90px)/1 "DM Mono";letter-spacing:-.06em;pointer-events:none}
.leadership-heading{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:52px}
.leadership-heading>p{max-width:500px;color:var(--pc-muted);line-height:1.8;font-size:13px}
.leader-card{background:rgba(255,255,255,.9)!important;overflow:hidden;position:relative}
.leader-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--pc-gold),#e9c36f,var(--pc-blue));opacity:.9}
.leader-index{color:#8a98a8!important}
.leader-photo-wrap{border-color:rgba(197,138,50,.65)!important;box-shadow:0 0 0 8px rgba(197,138,50,.055),0 18px 45px rgba(8,27,51,.12)!important}
.leader-info h3{color:var(--pc-navy)!important}
.leader-info p{color:#708093!important}
.leader-detail-btn{background:var(--pc-navy)!important;color:#fff!important;border-radius:999px!important;box-shadow:0 8px 20px rgba(8,27,51,.18)!important}
.leader-detail-btn:hover{background:var(--pc-gold)!important;transform:translateY(-2px)}
.leadership-footer{border-top:1px solid var(--pc-line)!important}

/* Gallery */
.gallery-page{background:linear-gradient(180deg,#fff,#f2f6f9)!important}
.gallery-card{border-radius:20px!important}
.gallery-card.featured{box-shadow:0 25px 70px rgba(8,27,51,.11)!important}
.gallery-image-wrap{background:#dfe8ee}
.gallery-featured{background:var(--pc-navy)!important;border:1px solid rgba(255,255,255,.2)}
.gallery-expand{border:1px solid rgba(8,27,51,.10);box-shadow:0 8px 20px rgba(8,27,51,.08)}
.gallery-admin-note{border-radius:16px!important;box-shadow:var(--pc-shadow-sm)!important}

.gallery-guide{box-shadow:var(--pc-shadow-sm)!important}
.gallery-lightbox-panel{border:1px solid rgba(255,255,255,.22);box-shadow:0 40px 110px rgba(0,0,0,.35)!important}

/* Policies / grievance / branches */
.policy-page,.grievance-section,.branches-section{background:linear-gradient(180deg,#fff,#f3f7fa)!important}
.policy-card,.grievance-card,.branch-card{background:rgba(255,255,255,.92)!important}
.policy-card h3,.grievance-card h3,.branch-card h3{color:var(--pc-navy)!important}
.policy-actions .primary,.grievance-card .primary,.branch-card a{background:var(--pc-navy)!important;color:#fff!important}
.policy-actions .primary:hover,.grievance-card .primary:hover,.branch-card a:hover{background:var(--pc-gold)!important}

.grievance-steps>div{background:#fff!important;border:1px solid var(--pc-line)!important;border-radius:18px!important;box-shadow:var(--pc-shadow-sm)!important}
.grievance-steps b{color:var(--pc-gold)!important}
.branch-status{color:var(--pc-gold)!important}

/* Forms */
.neo-form-wrap,.contact-form-panel,.contact-info-panel{border:1px solid rgba(8,27,51,.09)!important;border-radius:24px!important;box-shadow:var(--pc-shadow)!important;background:rgba(255,255,255,.94)!important}
.field label{color:#42556a!important;font-weight:800!important}
.field input,.field select,.field textarea{border:1px solid #d8e1e8!important;background:#f9fbfc!important;border-radius:12px!important;min-height:48px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(20,93,160,.55)!important;background:#fff!important;box-shadow:0 0 0 4px rgba(20,93,160,.08)!important}
.submit-neo{border:0!important;border-radius:12px!important;background:linear-gradient(135deg,var(--pc-navy),var(--pc-blue))!important;box-shadow:0 12px 26px rgba(8,27,51,.18)!important}
.submit-neo:hover{background:linear-gradient(135deg,var(--pc-gold),#9d671c)!important;transform:translateY(-2px)}

/* EMI lab */
.emi-lab{background:linear-gradient(180deg,#f3f7fa,#eaf1f5)!important}
.lab-controls,.lab-output{border-radius:24px!important;border:1px solid var(--pc-line)!important;box-shadow:var(--pc-shadow)!important;background:#fff!important}

/* Footer */
footer{background:linear-gradient(135deg,#06172c,#0a2340)!important;color:#dbe6ef!important;border-top:3px solid rgba(197,138,50,.65)!important;position:relative;overflow:hidden}
footer:before{content:"";position:absolute;right:-12%;top:-40%;width:520px;height:520px;border:1px solid rgba(197,138,50,.13);border-radius:50%;box-shadow:0 0 0 55px rgba(197,138,50,.025),0 0 0 110px rgba(197,138,50,.018);pointer-events:none}
footer .footer-grid{position:relative;z-index:2}
footer .footer-brand{color:#fff}
footer .footer-brand b{color:var(--pc-gold-2)}
footer h4{color:#fff;letter-spacing:.04em}
footer a{color:#aebfce!important}
footer a:hover{color:#fff!important}
footer p{color:#9eb0c0!important}
footer .footer-chip{border-color:rgba(255,255,255,.12)!important;background:rgba(255,255,255,.035)!important}
footer .newsletter{border-color:rgba(255,255,255,.14)!important;background:rgba(255,255,255,.04)!important}
footer .newsletter input{color:#fff!important}
footer .newsletter button{background:var(--pc-gold)!important}
footer .footer-bottom{border-color:rgba(255,255,255,.10)!important;color:#8298ab!important}

/* Toast/messages */
.messages{position:fixed!important;right:22px;top:112px;z-index:3000;max-width:360px}
.messages>div{background:#fff!important;color:var(--pc-navy)!important;border:1px solid rgba(197,138,50,.28)!important;border-left:4px solid var(--pc-gold)!important;border-radius:12px!important;box-shadow:0 18px 50px rgba(8,27,51,.16)!important}

/* Scrollbar */
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#eef3f7}::-webkit-scrollbar-thumb{background:#b9c6d2;border-radius:99px;border:2px solid #eef3f7}::-webkit-scrollbar-thumb:hover{background:#8ea0b0}

/* Micro-interactions */
.primary,.apply,.portal-button,.submit-neo,.leader-detail-btn,
.primary:hover,.portal-button:hover,
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(20,93,160,.25);outline-offset:3px}

/* Mobile / tablet */
@media(max-width:1200px){
  #mainNav{gap:3px}
  #mainNav>a:not(.apply):not(.login){padding:10px 6px;font-size:9px}
  .brand small{display:none}
}
@media(max-width:980px){
  .top-status .top-divider,.top-status>span:last-child{display:none}
  .navbar{height:74px}
  .menu-btn{display:block!important;width:42px;height:42px;border:1px solid var(--pc-line);border-radius:11px;background:#fff!important;box-shadow:0 5px 15px rgba(8,27,51,.06)}
  #mainNav{position:absolute;left:18px;right:18px;top:calc(100% + 8px);display:none;flex-direction:column;align-items:stretch;gap:4px;padding:14px;background:rgba(255,255,255,.97);border:1px solid rgba(8,27,51,.10);border-radius:18px;box-shadow:0 25px 60px rgba(8,27,51,.15);backdrop-filter:blur(18px)}
  #mainNav.open{display:flex}
  #mainNav>a,#mainNav .lang-toggle{width:100%;text-align:left;justify-content:space-between}
  #mainNav .apply,#mainNav .login{display:flex;justify-content:center}
  .lang-toggle{justify-content:center!important}
  .future-hero{grid-template-columns:1fr;min-height:auto;padding-top:90px;padding-bottom:80px}
  .hero-system{min-height:420px;height:420px;margin-top:10px}
  .solution-grid,.product-matrix,.service-grid,.policy-grid{grid-template-columns:repeat(2,1fr)!important}
  .intelligence-section{grid-template-columns:1fr;gap:50px}
  .leadership-heading{align-items:flex-start;flex-direction:column}
  .leadership-grid{grid-template-columns:repeat(2,1fr)!important}
  .gallery-toolbar{flex-direction:column;align-items:stretch}
  .gallery-grid{grid-template-columns:repeat(2,1fr)!important}
  .gallery-card.featured{grid-column:span 2}
}
@media(max-width:680px){
  .top-status{font-size:7px}
  .build-badge{display:none}
  .navbar{padding:0 16px}
  .brand{font-size:12px}
  .brand-orbit{width:38px;height:38px}
  .brand-logo img{width:25px;height:25px}
  .neo-page-hero,.inner-hero{min-height:430px!important;padding:75px 22px 65px!important}
  .neo-page-hero:before,.inner-hero:before{inset:12px}
  .neo-hero-content h1,.inner-hero-copy h1{font-size:clamp(43px,13vw,64px)!important;letter-spacing:-3px!important}
  .hero-code-card,.hero-code{display:none!important}
  .future-hero{padding:70px 22px 60px}
  .hero-copy h1{font-size:clamp(48px,14vw,72px);letter-spacing:-4px}
  .hero-actions{flex-wrap:wrap}
  .hero-metrics{gap:15px;flex-wrap:wrap;margin-top:34px}
  .hero-system{height:350px;min-height:350px;transform:scale(.78);transform-origin:center}
  .solution-section,.intelligence-section,.command-section,.portal-section,.gallery-home-cta,.service-command,.application-zone,.contact-zone,.emi-lab,.products-intro,.product-matrix,.mission-zone,.principles-zone,.vision-zone,.policy-page,.grievance-section,.branches-section{padding-top:68px!important;padding-bottom:68px!important}
  .section-intro,.gallery-toolbar{margin-bottom:30px}
  .section-intro{flex-direction:column;align-items:flex-start;gap:15px}
  .section-intro h2,.intel-copy h2,.command-copy h2,.portal-copy h2,.future-cta h2,.leadership-heading h2,.gallery-home-cta h2,.products-intro h2,.mission-zone h2,.principles-zone h2,.vision-zone h2{font-size:clamp(38px,11vw,52px)!important;letter-spacing:-2.5px!important}
  .solution-grid,.product-matrix,.service-grid,.policy-grid,.leadership-grid,.gallery-grid{grid-template-columns:1fr!important}
  .gallery-card.featured{grid-column:span 1}
  .gallery-image-wrap,.gallery-card.featured .gallery-image-wrap{height:260px}
  .leadership-section{padding:75px 18px!important}
  .leader-card{min-height:0}
  .leader-photo-wrap{width:150px!important;height:150px!important}
  .leadership-heading>p{font-size:12px}
  .messages{left:16px;right:16px;top:94px;max-width:none}
  footer .footer-grid{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}


/* V11 page-specific finishing layer */
.products-intro,.mission-zone,.principles-zone,.vision-zone,.process-band,.support-flow{position:relative;overflow:hidden}
.products-intro:before,.mission-zone:before,.principles-zone:before,.vision-zone:before,.process-band:before,.support-flow:before{content:"";position:absolute;right:-8%;top:-120px;width:420px;height:420px;border:1px solid rgba(20,93,160,.08);border-radius:50%;box-shadow:0 0 0 45px rgba(20,93,160,.018),0 0 0 90px rgba(197,138,50,.018);pointer-events:none}
.products-intro{background:#fff!important}
.products-intro>*,.mission-zone>*,.principles-zone>*,.vision-zone>*,.process-band>*,.support-flow>*{position:relative;z-index:1}
.product-matrix{background:#f3f7fa!important}
.matrix-card{background:#fff!important;padding:30px!important;min-height:360px!important}
.matrix-card.featured{background:linear-gradient(145deg,#0a2340,#123c63)!important;color:#fff!important}
.matrix-card.gold-matrix{background:linear-gradient(145deg,#fff9ec,#eac77d)!important}
.matrix-card h3{font-size:34px!important;letter-spacing:-1.5px!important}
.matrix-symbol{border:1px solid currentColor!important;opacity:.8}
.process-band{background:linear-gradient(135deg,#081b33,#0d2948)!important;color:#fff}
.process-band h2,.process-band h3{color:#fff!important}
.process-mini{border-color:rgba(255,255,255,.12)!important;background:rgba(255,255,255,.05)!important;border-radius:18px!important}
.process-mini b{color:var(--pc-gold-2)!important}
.service-command{background:#f3f7fa!important}
.command-intro{max-width:1400px;margin:0 auto 44px}
.service-card{background:#fff!important;padding:30px!important}
.service-card.portal-service{background:linear-gradient(145deg,#081b33,#12385d)!important;color:#fff!important}
.service-card.portal-service p,.service-card.portal-service span{color:#b9c8d7!important}
.service-icon{width:48px!important;height:48px!important;border-radius:14px!important;border:1px solid rgba(197,138,50,.3)!important;background:#fff8eb!important;color:var(--pc-gold)!important;display:grid;place-items:center}
.support-flow{background:#fff!important}
.support-steps>div{border:1px solid var(--pc-line)!important;border-radius:16px!important;background:#f8fafc!important;box-shadow:var(--pc-shadow-sm)!important}
.lab-controls{padding:30px!important}
.lab-head{border-bottom:1px solid var(--pc-line)!important;padding-bottom:18px!important}
.emi-mode{background:#edf3f7!important;border-radius:12px!important;padding:4px!important}
.mode-btn{border-radius:9px!important;border:0!important}
.mode-btn.active{background:var(--pc-navy)!important;color:#fff!important;box-shadow:0 6px 16px rgba(8,27,51,.15)}
.lab-button{border-radius:11px!important;background:var(--pc-navy)!important;color:#fff!important}
.lab-result{background:linear-gradient(145deg,#081b33,#0e3154)!important;border-radius:24px!important;box-shadow:var(--pc-shadow)!important}
.result-stats{border-color:rgba(255,255,255,.12)!important}
.result-stats strong{color:#fff!important}
.result-stats span,.result-note{color:#b9c8d7!important}
.result-scan{background:rgba(197,138,50,.22)!important}
.application-zone{background:linear-gradient(180deg,#f3f7fa,#eaf1f5)!important}
.application-side{padding-right:25px}
.app-steps>div{border:1px solid var(--pc-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:var(--pc-shadow-sm)!important}
.app-steps .current{border-color:rgba(197,138,50,.45)!important;background:#fffaf1!important}
.security-panel{border-radius:18px!important;background:linear-gradient(145deg,#081b33,#12385d)!important;color:#fff!important}
.security-panel p,.security-panel small{color:#b9c8d7!important}
.contact-zone{background:linear-gradient(180deg,#f3f7fa,#e9f0f4)!important}
.contact-info-panel{position:relative;overflow:hidden}
.contact-info-panel:after{content:"";position:absolute;right:-90px;top:-90px;width:240px;height:240px;border:1px solid rgba(197,138,50,.18);border-radius:50%;box-shadow:0 0 0 28px rgba(197,138,50,.025),0 0 0 56px rgba(20,93,160,.02)}
.contact-portal{border-radius:16px!important;background:linear-gradient(135deg,#081b33,#145da0)!important;color:#fff!important;box-shadow:0 18px 38px rgba(8,27,51,.18)!important}
.contact-info-grid>div{border:1px solid var(--pc-line)!important;background:#f9fbfc!important;border-radius:14px!important}
.map-section{background:#fff!important;border-top:1px solid var(--pc-line)!important}
.map-frame{border-radius:22px!important;box-shadow:var(--pc-shadow)!important;border:1px solid var(--pc-line)!important;overflow:hidden}
.map-badge{border-radius:999px!important;background:var(--pc-navy)!important;color:#fff!important}
.map-link{color:var(--pc-gold)!important;font-weight:800}
.policy-note,.branch-disclaimer,.location-note,.contact-disclaimer{border-radius:16px!important;background:#fffaf1!important;border:1px solid rgba(197,138,50,.20)!important;color:#66543a!important}
.branch-card.featured{background:linear-gradient(145deg,#fff,#f4f8fa)!important}
.branch-card{padding:30px!important}
.grievance-card{padding:34px!important}
.grievance-info{border-radius:14px!important;background:#fff8eb!important;border:1px solid rgba(197,138,50,.18)!important}
.future-cta{background:linear-gradient(135deg,#071a31,#0e3154)!important;position:relative;overflow:hidden;color:#fff!important}
.future-cta:after{content:"";position:absolute;width:520px;height:520px;right:-180px;top:-190px;border:1px solid rgba(239,197,108,.16);border-radius:50%;box-shadow:0 0 0 55px rgba(239,197,108,.025),0 0 0 110px rgba(239,197,108,.018)}
.future-cta>*{position:relative;z-index:2}
.future-cta h2{color:#fff!important}
.future-cta p:not(.eyebrow){color:#b9c8d7!important}
.future-cta .primary{background:linear-gradient(135deg,#e7bc65,#b97922)!important}

/* Make image-based sections feel editorial */
.gallery-home-visual,.intel-visual,.command-panel,.portal-section{isolation:isolate}
.gallery-home-visual:before,.intel-visual:before,.command-panel:before,.portal-section:after{content:"";position:absolute;inset:14px;border:1px solid rgba(197,138,50,.12);border-radius:inherit;pointer-events:none}

/* Better content width consistency */
.neo-page-hero .neo-hero-content,.inner-hero .inner-hero-copy{width:min(900px,100%)}
.policy-page>*,.grievance-section>*,.branches-section>*,.products-intro>*,.product-matrix>*{max-width:1400px}

@media(max-width:980px){
 .application-zone,.contact-zone{grid-template-columns:1fr!important;gap:34px!important}
 .application-side{padding-right:0}
 .gallery-home-cta,.vision-zone{grid-template-columns:1fr!important}
 .mission-zone{grid-template-columns:1fr!important;gap:22px!important}
}
@media(max-width:680px){
 .top-status{letter-spacing:1px}
 .hero-metrics div{min-width:125px}
 .hero-system{overflow:visible}
 .matrix-card{min-height:300px!important}
 .process-band,.support-flow{padding-left:20px!important;padding-right:20px!important}
 .map-frame{min-height:300px!important}
}


/* V12 BRAND SYSTEM — official Phoenix Capital logo, no border/orbit */
.brand-logo {
  width: 112px !important;
  height: 54px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  overflow: visible !important;
  position: relative !important;
}
.brand-logo::before, .brand-logo::after { display: none !important; content: none !important; }
.brand-logo img {
  width: 108px !important;
  height: 52px !important;
  max-width: none !important;
  object-fit: contain !important;
  display: block !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  position: static !important;
}
.footer-brand .brand-logo {
  width: 132px !important;
  height: 62px !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
.footer-brand .brand-logo img {
  width: 128px !important;
  height: 60px !important;
}
@media (max-width: 520px) {
  .brand-logo { width: 82px !important; height: 44px !important; }
  .brand-logo img { width: 80px !important; height: 42px !important; }
  .footer-brand .brand-logo { width: 104px !important; height: 50px !important; }
  .footer-brand .brand-logo img { width: 100px !important; height: 48px !important; }
}


/* =========================================================
   PHOENIX CAPITAL — V13 UNIVERSAL FUTURE HERO
   Consistent visual language across every internal page.
   High-contrast typography for accessibility/readability.
   ========================================================= */
:root{
  --pc-ink:#081a2d;
  --pc-ink-soft:#20384f;
  --pc-copy:#50657a;
  --pc-gold-strong:#a96816;
  --pc-blue-strong:#126da6;
}

/* Universal internal-page hero: clean financial-tech canvas */
.neo-page-hero,
.inner-hero{
  min-height:500px!important;
  padding:92px clamp(24px,8vw,120px) 78px!important;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:
    radial-gradient(circle at 72% 42%,rgba(38,126,187,.095),transparent 28%),
    radial-gradient(circle at 88% 78%,rgba(201,143,48,.075),transparent 22%),
    linear-gradient(115deg,#ffffff 0%,#f6f9fb 55%,#edf4f8 100%)!important;
  border-bottom:1px solid #dbe4eb!important;
  color:var(--pc-ink)!important;
}
.neo-page-hero:before,
.inner-hero:before{
  content:""!important;
  position:absolute!important;
  right:8%!important;
  top:50%!important;
  width:370px!important;
  height:370px!important;
  transform:translateY(-50%)!important;
  border:1px solid rgba(193,133,42,.34)!important;
  border-radius:50%!important;
  box-shadow:
    0 0 0 58px rgba(193,133,42,.025),
    0 0 0 116px rgba(18,109,166,.018)!important;
  pointer-events:none!important;
  z-index:-1!important;
}
.neo-page-hero:after,
.inner-hero:after{
  content:""!important;
  position:absolute!important;
  right:12%!important;
  top:50%!important;
  width:205px!important;
  height:205px!important;
  transform:translateY(-35%)!important;
  border:1px dashed rgba(18,109,166,.43)!important;
  border-radius:50%!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.5)!important;
  pointer-events:none!important;
  z-index:-1!important;
}
.neo-page-hero .hero-grid,
.inner-hero .inner-hero-grid,
.inner-hero .hero-grid{
  position:absolute!important;inset:0!important;opacity:.55!important;pointer-events:none!important;
  background-image:
    linear-gradient(rgba(8,26,45,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(8,26,45,.035) 1px,transparent 1px)!important;
  background-size:42px 42px!important;
  mask-image:linear-gradient(90deg,#000 0%,#000 52%,transparent 82%)!important;
}
.neo-hero-content,.inner-hero-copy{position:relative!important;z-index:4!important;max-width:780px!important}
.neo-hero-content .eyebrow,.inner-hero-copy .eyebrow{
  color:var(--pc-gold-strong)!important;font-weight:800!important;letter-spacing:1.8px!important;
}
.hero-breadcrumb{color:#5f7387!important;font-weight:700!important}
.neo-hero-content h1,.inner-hero-copy h1{
  color:var(--pc-ink)!important;
  font-size:clamp(48px,6.4vw,82px)!important;
  line-height:.98!important;
  letter-spacing:-4.2px!important;
  text-shadow:none!important;
}
.neo-hero-content h1 span,.inner-hero-copy h1 span{color:var(--pc-blue-strong)!important}
.neo-hero-content>p,.inner-hero-copy>p{
  color:var(--pc-copy)!important;
  max-width:670px!important;
  font-size:15px!important;
  line-height:1.9!important;
  font-weight:600!important;
}

/* The floating white principle card from the supplied reference */
.hero-visual-panel{
  position:absolute!important;
  right:7%!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:205px!important;
  min-height:116px!important;
  padding:16px 18px!important;
  border-radius:0 22px 22px 0!important;
  background:rgba(255,255,255,.90)!important;
  border:1px solid rgba(8,26,45,.055)!important;
  border-left:3px solid var(--pc-gold-strong)!important;
  box-shadow:0 18px 55px rgba(8,26,45,.10)!important;
  backdrop-filter:blur(12px)!important;
  z-index:5!important;
}
.hero-visual-panel small{
  display:block!important;font:700 9px/1.2 "DM Mono",monospace!important;
  letter-spacing:1px!important;color:#52687c!important;margin-bottom:7px!important;
}
.hero-visual-panel b{
  display:block!important;font:800 17px/1.08 Manrope,sans-serif!important;
  letter-spacing:-.5px!important;color:var(--pc-ink)!important;
}
.hero-panel-line{display:flex!important;gap:4px!important;margin-top:12px!important}
.hero-panel-line i{width:24px!important;height:2px!important;background:var(--pc-gold-strong)!important;display:block!important;border-radius:2px!important}
.hero-panel-line i:nth-child(2){width:10px!important;background:var(--pc-blue-strong)!important}
.hero-panel-line i:nth-child(3){width:5px!important;background:#9aabb9!important}

/* Existing hero decorations stay subtle rather than competing with copy */
.hero-sphere,.solution-radar,.service-pulse,.contact-signal,.apply-track,.hero-code-card,.hero-code,.lab-status{
  opacity:.82!important;
}
.hero-code-card,.hero-code{color:var(--pc-ink)!important;background:rgba(255,255,255,.88)!important;border-color:rgba(8,26,45,.08)!important}

/* Readability pass: eliminate pale body copy */
body{color:var(--pc-ink)!important}
p{color:var(--pc-copy)}
.section-intro p,.products-intro>p:last-child,.mission-zone>p,.vision-zone>div>p:not(.eyebrow),
.policy-card>p:not(.policy-meta),.branch-card p,.grievance-steps p,.service-card p,
.matrix-card small,.application-side p,.contact-info-panel>p,.map-copy p,.gallery-card-body p{
  color:#50657a!important;font-weight:500!important;
}
.eyebrow{color:var(--pc-gold-strong)!important}
h1,h2,h3,h4,strong,b{color:var(--pc-ink)}
a{color:var(--pc-blue-strong)}
.muted,.meta,.policy-meta,.matrix-card p,.hero-breadcrumb{color:#5d7185!important}

/* Dark panels keep text bright and readable */
.intelligence-section,.support-flow,.future-cta,.matrix-card.featured,.branch-card.featured{color:#fff}
.intelligence-section p,.support-flow p,.future-cta p,.matrix-card.featured p,.matrix-card.featured small,.branch-card.featured p{color:#d9e5ee!important}
.intelligence-section h2,.support-flow h2,.future-cta h2,.matrix-card.featured h3,.branch-card.featured h3{color:#fff!important}

/* Navigation contrast */
.navbar nav>a:not(.apply):not(.login):not(.lang-toggle){color:#173149!important;font-weight:700!important}
.navbar nav>a.active{color:#071a2b!important}
.login,.lang-toggle{color:#173149!important}

/* Forms / controls */
.field label,.form-top small,.form-top span,.lab-head span,.lab-head b{color:#52687c!important;font-weight:800!important}
.neo-form input,.neo-form select,.neo-form textarea{color:#10283e!important}

@media(max-width:900px){
  .neo-page-hero,.inner-hero{min-height:470px!important;padding:78px 6% 64px!important}
  .neo-page-hero:before,.inner-hero:before{right:-90px!important;width:330px!important;height:330px!important}
  .neo-page-hero:after,.inner-hero:after{right:-15px!important}
  .hero-visual-panel{right:5%!important;top:auto!important;bottom:26px!important;transform:none!important;width:190px!important;min-height:auto!important;padding:12px 15px!important}
  .neo-hero-content h1,.inner-hero-copy h1{font-size:clamp(44px,11vw,68px)!important;letter-spacing:-3.2px!important}
  .neo-hero-content>p,.inner-hero-copy>p{font-size:13px!important;max-width:560px!important}
}
@media(max-width:560px){
  .neo-page-hero,.inner-hero{min-height:430px!important;padding:65px 6% 125px!important}
  .hero-visual-panel{left:6%!important;right:auto!important;bottom:22px!important;width:185px!important}
  .hero-visual-panel b{font-size:15px!important}
}

/* ================================================================
   V13.1 — HOME THEME ACROSS ALL PAGES
   Keeps every inner page visually aligned with the Future Hero home.
   ================================================================ */
:root{
  --home-bg:#f7fafc;
  --home-surface:#ffffff;
  --home-soft:#eef4f8;
  --home-navy:#081b33;
  --home-blue:#145da0;
  --home-gold:#c58a32;
  --home-gold2:#e8c06c;
  --home-line:rgba(8,27,51,.09);
  --home-shadow:0 18px 55px rgba(8,27,51,.075);
}

/* Common page canvas */
body{background:var(--home-bg)!important;color:var(--home-navy)!important}
main,section{scroll-margin-top:90px}

/* Every inner-page hero now follows the home hero language */
.neo-page-hero,.inner-hero{
  min-height:600px!important;
  padding:88px clamp(24px,7vw,110px)!important;
  background:
    radial-gradient(circle at 78% 34%,rgba(43,130,200,.12),transparent 24rem),
    radial-gradient(circle at 63% 88%,rgba(197,138,50,.12),transparent 20rem),
    linear-gradient(135deg,#fff 0%,#f5f8fb 58%,#e8f0f5 100%)!important;
  border:0!important;
  position:relative!important;
  overflow:hidden!important;
}
.neo-page-hero:after,.inner-hero:after{
  content:""!important;
  position:absolute!important;
  inset:12px 2.5%!important;
  border:1px solid rgba(8,27,51,.06)!important;
  border-radius:30px!important;
  pointer-events:none!important;
}
.neo-page-hero:before,.inner-hero:before{display:none!important}
.neo-page-hero .hero-grid,.inner-hero .hero-grid,.inner-hero-grid{
  opacity:.55!important;
  background-size:55px 55px!important;
  mask-image:linear-gradient(90deg,#000,#0005,transparent)!important;
}
.neo-hero-content,.inner-hero-copy{position:relative!important;z-index:4!important}
.neo-hero-content h1,.inner-hero-copy h1{
  color:var(--home-navy)!important;
  font-size:clamp(52px,6vw,92px)!important;
  line-height:.98!important;
  letter-spacing:-5px!important;
}
.neo-hero-content h1 span,.inner-hero-copy h1 span{color:var(--home-gold)!important}
.neo-hero-content>p,.inner-hero-copy>p{color:#5f7185!important;max-width:620px!important}
.hero-breadcrumb{color:#718296!important}
.hero-code-card,.hero-code,.hero-visual-panel{
  background:rgba(255,255,255,.86)!important;
  border:1px solid var(--home-line)!important;
  box-shadow:var(--home-shadow)!important;
  border-radius:20px!important;
  backdrop-filter:blur(15px)!important;
}

/* Home-style section backgrounds */
.mission-zone,.products-intro,.product-matrix,.principles-zone,.vision-zone,
.service-command,.support-flow,.emi-lab,.application-zone,.contact-zone,
.policy-page,.grievance-section,.branches-section,.gallery-page{
  background:linear-gradient(180deg,#fff,#f3f7fa)!important;
  color:var(--home-navy)!important;
}

/* Home-style headings and copy */
.mission-zone h2,.products-intro h2,.principles-zone h2,.vision-zone h2,
.command-intro h2,.support-title h2,.application-zone h2,.contact-zone h2,
.policy-page h2,.grievance-section h2,.branches-section h2,.gallery-page h2{
  color:var(--home-navy)!important;
  letter-spacing:-3.5px!important;
}
.mission-zone h2 span,.products-intro h2 span,.principles-zone h2 span,
.vision-zone h2 span,.command-intro h2 span,.support-title h2 span,
.application-zone h2 span,.contact-zone h2 span,.policy-page h2 span,
.grievance-section h2 span,.branches-section h2 span,.gallery-page h2 span{color:var(--home-gold)!important}
.mission-zone>p,.products-intro>p,.command-intro>p,.support-title>p,
.policy-page>p,.grievance-section>p,.branches-section>p,.gallery-page>p{color:#66788a!important}

/* Cards: same clean premium language as the home solution cards */
.principle-card,.matrix-card,.service-card,.branch-card,.policy-card,
.grievance-card,.gallery-card,.neo-form-wrap,.contact-form-panel,.contact-info-panel,
.lab-controls,.lab-output{
  background:rgba(255,255,255,.94)!important;
  border:1px solid var(--home-line)!important;
  border-radius:20px!important;
  box-shadow:0 12px 36px rgba(8,27,51,.05)!important;
}
.principle-card:hover,.matrix-card:hover,.service-card:hover,.branch-card:hover,
.policy-card:hover,.gallery-card:hover{
  border-color:rgba(197,138,50,.35)!important;
  box-shadow:0 25px 65px rgba(8,27,51,.11)!important;
}
.principle-card h3,.matrix-card h3,.service-card h3,.branch-card h3,
.policy-card h3,.gallery-card h3{color:var(--home-navy)!important}
.matrix-card p,.service-card>span,.gallery-meta span{color:#8290a0!important}

/* Keep one deliberate dark band, matching the home page's institutional section */
.process-band,.support-flow{
  background:linear-gradient(135deg,#081b33,#0d2948 65%,#12385d)!important;
  color:#fff!important;
  position:relative!important;
  overflow:hidden!important;
}
.process-band:before,.support-flow:before{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:52px 52px;pointer-events:none;opacity:.8;
}
.process-band h2,.support-flow h2,.process-band h3,.support-flow h3{color:#fff!important}
.process-band h2 span,.support-flow h2 span{color:var(--home-gold2)!important}
.process-band p,.support-flow p{color:#b9c8d7!important}

/* About page visual language */
.vision-zone{position:relative;overflow:hidden}
.vision-zone:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 50%,rgba(20,93,160,.07),transparent 24rem);pointer-events:none}
.vision-orbit{box-shadow:0 25px 80px rgba(20,93,160,.10)!important;background:rgba(255,255,255,.8)!important}
.principle-icon{color:var(--home-gold)!important}

/* Forms and calculator */
.field input,.field select,.field textarea{
  border:1px solid #d8e1e8!important;
  background:#f9fbfc!important;
  color:var(--home-navy)!important;
  border-radius:12px!important;
}
.field input:focus,.field select:focus,.field textarea:focus{
  border-color:rgba(20,93,160,.55)!important;
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(20,93,160,.08)!important;
}
.submit-neo,.primary{background:linear-gradient(135deg,var(--home-navy),var(--home-blue))!important}
.submit-neo:hover,.primary:hover{background:linear-gradient(135deg,var(--home-gold),#9d671c)!important}

/* CTA sections use the same home-page navy/gold treatment */
.future-cta{
  background:
    radial-gradient(circle at 80% 25%,rgba(43,130,200,.16),transparent 22rem),
    radial-gradient(circle at 20% 80%,rgba(197,138,50,.13),transparent 20rem),
    linear-gradient(135deg,#081b33,#0d2948)!important;
  color:#fff!important;
}
.future-cta h2{color:#fff!important}
.future-cta h2 span{color:var(--home-gold2)!important}

/* Footer: no logo background, border or outline */
footer{border-top:0!important}
.footer-brand .brand-logo,
.footer-brand .brand-logo img{
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

/* Navbar: same clean surface as home */
.navbar{background:rgba(255,255,255,.94)!important;border-bottom:1px solid rgba(8,27,51,.07)!important}
.navbar.scrolled{box-shadow:0 8px 25px rgba(8,27,51,.07)!important}

/* Remove decorative borders that made individual pages look different */
.policy-page,.grievance-section,.branches-section,.gallery-page,
.products-intro,.product-matrix,.mission-zone,.principles-zone,.vision-zone{border:0!important}

@media(max-width:900px){
  .neo-page-hero,.inner-hero{min-height:500px!important;padding:70px 6% 90px!important}
  .neo-hero-content h1,.inner-hero-copy h1{font-size:clamp(46px,10vw,70px)!important;letter-spacing:-4px!important}
}

/* V13.2 — Circular hero principle motif across every internal page */
.neo-page-hero .hero-visual-panel,
.inner-hero .hero-visual-panel{
  width:330px!important;
  height:330px!important;
  min-height:330px!important;
  padding:52px 48px!important;
  right:8%!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  border-radius:50%!important;
  border:1px solid rgba(20,93,160,.16)!important;
  border-left:1px solid rgba(20,93,160,.16)!important;
  background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.98),rgba(239,246,250,.92) 62%,rgba(224,236,243,.86))!important;
  box-shadow:0 0 0 14px rgba(20,93,160,.025),0 0 0 32px rgba(197,138,50,.022),0 28px 80px rgba(8,27,51,.12)!important;
  backdrop-filter:blur(12px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  overflow:hidden!important;
}
.neo-page-hero .hero-visual-panel:before,
.inner-hero .hero-visual-panel:before{
  content:""!important;
  position:absolute!important;
  inset:18px!important;
  border:1px solid rgba(197,138,50,.24)!important;
  border-radius:50%!important;
  pointer-events:none!important;
}
.neo-page-hero .hero-visual-panel small,
.inner-hero .hero-visual-panel small{
  position:relative!important;
  z-index:2!important;
  margin-bottom:15px!important;
  font-size:10px!important;
  letter-spacing:1.8px!important;
  color:#62778a!important;
}
.neo-page-hero .hero-visual-panel b,
.inner-hero .hero-visual-panel b{
  position:relative!important;
  z-index:2!important;
  font-size:25px!important;
  line-height:1.02!important;
  letter-spacing:-1px!important;
  color:var(--home-navy)!important;
}
.neo-page-hero .hero-panel-line,
.inner-hero .hero-panel-line{
  position:relative!important;
  z-index:2!important;
  justify-content:center!important;
  margin-top:18px!important;
}
/* About page had an older duplicate motif; use the same circular system instead. */
.about-hero .hero-code-card{display:none!important}

@media(max-width:900px){
  .neo-page-hero .hero-visual-panel,
  .inner-hero .hero-visual-panel{
    width:245px!important;
    height:245px!important;
    min-height:245px!important;
    padding:35px 30px!important;
    right:5%!important;
    top:auto!important;
    bottom:24px!important;
    transform:none!important;
  }
  .neo-page-hero .hero-visual-panel b,
  .inner-hero .hero-visual-panel b{font-size:19px!important}
}

@media(max-width:600px){
  .neo-page-hero .hero-visual-panel,
  .inner-hero .hero-visual-panel{
    width:205px!important;
    height:205px!important;
    min-height:205px!important;
    right:6%!important;
    bottom:18px!important;
    padding:28px 22px!important;
  }
  .neo-page-hero .hero-visual-panel small,
  .inner-hero .hero-visual-panel small{font-size:8px!important;margin-bottom:10px!important}
  .neo-page-hero .hero-visual-panel b,
  .inner-hero .hero-visual-panel b{font-size:16px!important}
  .neo-page-hero .hero-panel-line,
  .inner-hero .hero-panel-line{margin-top:12px!important}
}


/* V13.3 — Universal moving circular hero system, matching Products page */
.universal-moving-circle{position:absolute;right:6%;top:50%;width:390px;height:390px;transform:translateY(-50%);display:grid;place-items:center;pointer-events:none;z-index:2}
.universal-moving-circle .umc-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;box-sizing:border-box}
.universal-moving-circle .umc-r1{width:360px;height:360px;border:1px solid rgba(20,93,160,.18);animation:umcSpin 26s linear infinite}
.universal-moving-circle .umc-r2{width:275px;height:275px;border:1px solid rgba(197,138,50,.34);border-left-color:transparent;border-right-color:transparent;animation:umcSpin 18s linear reverse infinite}
.universal-moving-circle .umc-r3{width:190px;height:190px;border:1px dashed rgba(20,93,160,.22);animation:umcSpin 12s linear infinite}
.universal-moving-circle .umc-core{width:118px;height:118px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 32% 28%,#e7f4fb,#fff 68%);box-shadow:0 0 0 1px rgba(20,93,160,.16),0 20px 55px rgba(20,93,160,.14);position:relative}
.universal-moving-circle .umc-core:after{content:"";position:absolute;inset:12px;border:1px solid rgba(197,138,50,.62);border-radius:50%}
.universal-moving-circle .umc-core b{font-size:38px;color:#c58a32;z-index:1;font-weight:800}
.universal-moving-circle .umc-node{position:absolute;padding:7px 11px;border:1px solid rgba(20,93,160,.12);background:rgba(255,255,255,.9);border-radius:999px;box-shadow:0 8px 24px rgba(16,32,51,.07);font:8px "DM Mono",monospace;letter-spacing:1.4px;color:#52677e}
.universal-moving-circle .umc-n1{right:4%;top:18%}.universal-moving-circle .umc-n2{left:2%;bottom:19%}.universal-moving-circle .umc-n3{right:11%;bottom:4%}
@keyframes umcSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
/* Give the circle clear room on all internal hero layouts */
.neo-page-hero .universal-moving-circle{right:5%;}
.gallery-hero .hero-code{display:none!important}
@media(max-width:1000px){.universal-moving-circle{right:2%;width:320px;height:320px;opacity:.9}.universal-moving-circle .umc-r1{width:300px;height:300px}.universal-moving-circle .umc-r2{width:230px;height:230px}.universal-moving-circle .umc-r3{width:160px;height:160px}.universal-moving-circle .umc-core{width:100px;height:100px}.universal-moving-circle .umc-core b{font-size:32px}}
@media(max-width:760px){.universal-moving-circle{position:relative;right:auto;top:auto;transform:none;width:250px;height:250px;margin:28px auto 0;opacity:.92}.universal-moving-circle .umc-r1{width:235px;height:235px}.universal-moving-circle .umc-r2{width:180px;height:180px}.universal-moving-circle .umc-r3{width:130px;height:130px}.universal-moving-circle .umc-core{width:82px;height:82px}.universal-moving-circle .umc-core b{font-size:28px}.universal-moving-circle .umc-node{font-size:7px;padding:6px 8px}}


/* V13.4 — Product hero circle + grievance/policy/branch card consistency */
.products-hero .universal-moving-circle{display:grid!important;right:5%!important;top:50%!important;transform:translateY(-50%)!important}
.products-hero .solution-radar{display:none!important}

.grievance-steps{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px!important;background:#fff!important;border:1px solid #d8e2ea!important;border-radius:24px!important;box-shadow:0 16px 45px rgba(7,26,43,.065)!important;padding:18px!important;position:relative;overflow:hidden}
.grievance-steps:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(21,115,173,.025),transparent 45%,rgba(197,138,50,.025));pointer-events:none}
.grievance-step-card{background:#f7fbfe!important;border:1px solid rgba(21,115,173,.12)!important;border-radius:18px!important;box-shadow:none!important;padding:28px!important;min-height:250px;display:flex!important;flex-direction:column!important;position:relative;overflow:hidden}
.grievance-step-card:before{content:"";position:absolute;right:-70px;top:-70px;width:180px;height:180px;border:1px solid rgba(21,115,173,.12);border-radius:50%;box-shadow:0 0 0 34px rgba(21,115,173,.025),0 0 0 68px rgba(197,138,50,.018);pointer-events:none}
.grievance-step-card .policy-icon{flex:0 0 auto;background:#f9f3e7!important;border:1px solid rgba(197,138,50,.35)!important;color:var(--pc-gold)!important}
.grievance-step-card strong{font-size:20px!important;color:var(--pc-navy)!important;margin-top:28px;position:relative;z-index:1}
.grievance-step-card p{color:var(--pc-muted)!important;font-size:11px!important;line-height:1.8!important;margin-top:10px!important;position:relative;z-index:1}

.branch-grid .branch-card{background:linear-gradient(145deg,#eef7fb,#f8fcfe)!important;border:1px solid rgba(21,115,173,.16)!important;border-radius:22px!important;box-shadow:0 16px 45px rgba(7,26,43,.065)!important;padding:38px!important;min-height:350px!important;position:relative;overflow:hidden}
.branch-grid .branch-card:before{content:"";position:absolute;right:-75px;top:-75px;width:190px;height:190px;border:1px solid rgba(21,115,173,.12);border-radius:50%;box-shadow:0 0 0 36px rgba(21,115,173,.025),0 0 0 72px rgba(197,138,50,.02);pointer-events:none}
.branch-grid .branch-card.featured{background:linear-gradient(145deg,#eef7fb,#f8fcfe)!important;color:inherit!important;border-color:rgba(21,115,173,.16)!important}
.branch-grid .branch-card h3,.branch-grid .branch-card.featured h3{color:var(--pc-navy)!important}
.branch-grid .branch-card p,.branch-grid .branch-card.featured p{color:var(--pc-muted)!important}
.branch-grid .branch-card a,.branch-grid .branch-card.featured a{background:var(--pc-navy)!important;color:#fff!important;border-radius:9px!important;padding:11px 14px!important;display:inline-flex;width:max-content;margin-top:auto}
.branch-grid .branch-card a:hover{background:var(--pc-gold)!important}

@media(max-width:900px){.grievance-steps{grid-template-columns:1fr!important}.products-hero .universal-moving-circle{right:2%!important}}
@media(max-width:760px){.products-hero .universal-moving-circle{position:relative!important;right:auto!important;top:auto!important;transform:none!important;margin:28px auto 0!important}.branch-grid .branch-card{min-height:0!important;padding:28px!important}}

/* V13.5 — Center align grievance process content */
.grievance-steps{
  text-align:center!important;
}
.grievance-step-card{
  align-items:center!important;
  text-align:center!important;
}
.grievance-step-card .policy-icon{
  margin-left:auto!important;
  margin-right:auto!important;
}
.grievance-step-card strong,
.grievance-step-card p{
  width:100%!important;
  text-align:center!important;
}
.grievance-step-card strong{margin-top:22px!important}


/* V13.7 — Home financial solution card text visibility */
.solution-section .solution-card.dark-card h3,
.solution-section .solution-card.dark-card p,
.solution-section .solution-card.dark-card small,
.solution-section .solution-card.dark-card .card-index{
  color:#fff!important;
}
.solution-section .solution-card.dark-card p,
.solution-section .solution-card.dark-card small{
  color:#dbe7f0!important;
}
.solution-section .solution-card.dark-card .card-index{
  color:#c9d8e4!important;
}
.solution-section .solution-card.gold-card h3{
  color:#122b4e!important;
}
.solution-section .solution-card:not(.dark-card):not(.gold-card) h3{
  color:#122b4e!important;
}

/* V13.9 — Global blue-background text contrast: white + gold */
.hero,
.dark-section,
.dark-band,
.process-band,
.future-cta,
.cta-band,
.site-footer,
.footer-dark,
.blue-section,
.section-blue,
.bg-blue,
[class*="blue-band"],
[class*="dark-band"]{
  color:#fff!important;
}
.hero h1,.hero h2,.hero h3,.hero h4,.hero h5,.hero h6,
.dark-section h1,.dark-section h2,.dark-section h3,.dark-section h4,.dark-section h5,.dark-section h6,
.dark-band h1,.dark-band h2,.dark-band h3,.dark-band h4,.dark-band h5,.dark-band h6,
.process-band h1,.process-band h2,.process-band h3,.process-band h4,.process-band h5,.process-band h6,
.future-cta h1,.future-cta h2,.future-cta h3,.future-cta h4,.future-cta h5,.future-cta h6,
.cta-band h1,.cta-band h2,.cta-band h3,.cta-band h4,.cta-band h5,.cta-band h6,
.site-footer h1,.site-footer h2,.site-footer h3,.site-footer h4,.site-footer h5,.site-footer h6,
.blue-section h1,.blue-section h2,.blue-section h3,.blue-section h4,.blue-section h5,.blue-section h6{
  color:#fff!important;
}
.hero p,.hero span,.hero li,.hero label,
.dark-section p,.dark-section span,.dark-section li,.dark-section label,
.dark-band p,.dark-band span,.dark-band li,.dark-band label,
.process-band p,.process-band span,.process-band li,.process-band label,
.future-cta p,.future-cta span,.future-cta li,.future-cta label,
.cta-band p,.cta-band span,.cta-band li,.cta-band label,
.blue-section p,.blue-section span,.blue-section li,.blue-section label{
  color:#f5f8fb!important;
}
.hero .eyebrow,.hero .section-kicker,
.dark-section .eyebrow,.dark-section .section-kicker,
.dark-band .eyebrow,.dark-band .section-kicker,
.process-band .eyebrow,.process-band .section-kicker,
.future-cta .eyebrow,.future-cta .section-kicker,
.cta-band .eyebrow,.cta-band .section-kicker,
.blue-section .eyebrow,.blue-section .section-kicker{
  color:#d7a24b!important;
}
.hero strong,.hero b,.dark-section strong,.dark-section b,.dark-band strong,.dark-band b,
.process-band strong,.process-band b,.future-cta strong,.future-cta b,.cta-band strong,.cta-band b,
.blue-section strong,.blue-section b{color:#f0c56b!important}

/* V14.0 — EMI result visibility */
.lab-result .result-head,
.lab-result > p,
.lab-result .result-note{color:#f5f8fb!important}
.lab-result .result-head{color:#f0c56b!important}
.lab-result .result-stats div{background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.20)!important}
.lab-result .result-stats small{color:#f0c56b!important;font-weight:800!important}
.lab-result .result-stats b{color:#fff!important;font-weight:900!important;font-size:14px!important}
.lab-result h2{color:#f0c56b!important}

/* V14.1 — Contact visit-us content grouped inside a premium box */
.map-section{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)!important;
  gap:34px!important;
  align-items:stretch!important;
  padding:clamp(70px,8vw,110px) 8%!important;
  background:linear-gradient(180deg,#f3f7fa,#eaf1f5)!important;
}
.map-copy{
  background:#fff!important;
  border:1px solid rgba(8,27,51,.09)!important;
  border-radius:24px!important;
  box-shadow:0 18px 55px rgba(8,27,51,.075)!important;
  padding:38px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  position:relative!important;
  overflow:hidden!important;
}
.map-copy:after{
  content:""!important;
  position:absolute!important;
  right:-75px!important;top:-75px!important;
  width:210px!important;height:210px!important;
  border:1px solid rgba(197,138,50,.18)!important;
  border-radius:50%!important;
  box-shadow:0 0 0 30px rgba(197,138,50,.025),0 0 0 60px rgba(20,93,160,.018)!important;
  pointer-events:none!important;
}
.map-copy .map-badge{color:var(--pc-gold-strong)!important;position:relative!important;z-index:1!important}
.map-copy h2{color:var(--pc-navy)!important;position:relative!important;z-index:1!important}
.map-copy h2 span{color:var(--pc-gold)!important}
.map-copy>p:not(.location-note){color:#50657a!important;line-height:1.85!important;position:relative!important;z-index:1!important}
.map-copy>p strong{color:var(--pc-navy)!important}
.map-copy .map-link{
  align-self:flex-start!important;
  background:var(--pc-navy)!important;
  color:#fff!important;
  border-radius:10px!important;
  padding:12px 16px!important;
  text-decoration:none!important;
  font-weight:800!important;
  position:relative!important;
  z-index:1!important;
  margin-top:8px!important;
}
.map-copy .map-link:hover{background:var(--pc-gold)!important;color:#fff!important}
.map-copy .location-note{
  color:#66543a!important;
  background:#fffaf1!important;
  border:1px solid rgba(197,138,50,.20)!important;
  border-radius:14px!important;
  padding:13px 15px!important;
  position:relative!important;
  z-index:1!important;
}
.map-frame{min-height:100%!important;border-radius:24px!important;overflow:hidden!important;box-shadow:0 18px 55px rgba(8,27,51,.12)!important}
.map-frame iframe{min-height:430px!important}
@media(max-width:900px){
 .map-section{grid-template-columns:1fr!important;padding:70px 6%!important}
 .map-copy{padding:30px!important}
 .map-frame iframe{min-height:360px!important}
}

/* =========================================================
   V14.2 RESPONSIVE EDITION — Mobile / Tablet / Desktop
   ========================================================= */
html{scroll-behavior:smooth;overflow-x:hidden}
body{overflow-x:hidden;max-width:100%}
img,iframe,video,svg{max-width:100%}
button,a,input,select,textarea{touch-action:manipulation}

/* Prevent desktop-width content from causing horizontal scrolling */
.container,.page-wrap,.section-inner,.hero-inner,.footer-inner{width:min(100% - 32px,1280px);margin-inline:auto}

@media (max-width: 1100px){
  .container,.page-wrap,.section-inner,.hero-inner,.footer-inner{width:min(100% - 40px,1100px)}
  .hero-inner{grid-template-columns:1fr!important;gap:42px!important}
  .hero-copy{max-width:760px}
  .hero-visual-panel,.universal-moving-circle{margin-inline:auto}
  .solution-grid,.product-grid,.service-grid,.policy-grid,.branch-grid,.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .contact-grid,.about-grid,.service-layout,.application-layout,.emi-layout{grid-template-columns:1fr!important}
  .map-section{grid-template-columns:1fr!important}
}

/* Tablet */
@media (min-width: 601px) and (max-width: 900px){
  .site-header{padding:12px 0!important}
  .nav-inner{min-height:64px!important}
  .main-nav{gap:16px!important;flex-wrap:wrap;justify-content:flex-end}
  .hero-section,.page-hero{padding:70px 0 60px!important}
  .hero-copy h1,.page-hero h1{font-size:clamp(40px,7vw,64px)!important;line-height:1.03!important}
  .section{padding:72px 0!important}
  .card-grid,.solution-grid,.product-grid,.service-grid,.policy-grid,.branch-grid,.gallery-grid{gap:18px!important}
  .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .map-copy{min-height:0!important}
}

/* Mobile */
@media (max-width: 600px){
  .container,.page-wrap,.section-inner,.hero-inner,.footer-inner{width:calc(100% - 28px)!important}
  .site-header{position:relative!important;padding:10px 0!important}
  .nav-inner{min-height:58px!important;gap:10px!important}
  .brand-logo img{width:112px!important;height:auto!important;object-fit:contain}
  .main-nav{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin-top:8px!important}
  .main-nav a{font-size:12px!important;padding:9px 8px!important;text-align:center!important;border-radius:9px!important;white-space:nowrap}
  .lang-toggle{margin-left:auto!important;font-size:11px!important;padding:8px 10px!important}

  .hero-section,.page-hero{padding:48px 0 42px!important;min-height:auto!important}
  .hero-inner{display:flex!important;flex-direction:column!important;gap:30px!important}
  .hero-copy{width:100%!important;max-width:none!important}
  .eyebrow,.section-kicker,.map-badge{font-size:10px!important;letter-spacing:.12em!important}
  .hero-copy h1,.page-hero h1{font-size:clamp(34px,11vw,48px)!important;line-height:1.05!important;letter-spacing:-.035em!important}
  .hero-copy p,.page-hero p{font-size:15px!important;line-height:1.65!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .hero-actions a,.cta-button,.btn{width:100%!important;text-align:center!important;min-height:46px;display:flex!important;align-items:center;justify-content:center}

  .hero-visual-panel,.universal-moving-circle{width:min(78vw,330px)!important;height:min(78vw,330px)!important;max-width:330px!important;max-height:330px!important}
  .universal-moving-circle{margin:4px auto 0!important}
  .universal-moving-circle .circle-node{font-size:9px!important}

  .section{padding:52px 0!important}
  .section-heading{margin-bottom:28px!important}
  .section-heading h2{font-size:clamp(28px,8vw,38px)!important;line-height:1.1!important}
  .section-heading p{font-size:14px!important;line-height:1.65!important}

  .solution-grid,.product-grid,.service-grid,.policy-grid,.branch-grid,.gallery-grid,.card-grid{grid-template-columns:1fr!important;gap:14px!important}
  .solution-card,.product-card,.service-card,.policy-card,.branch-card,.gallery-card,.info-card{padding:22px!important;border-radius:18px!important;min-height:0!important}
  .solution-card h3,.product-card h3,.service-card h3,.policy-card h3,.branch-card h3{font-size:20px!important}

  .grievance-steps{grid-template-columns:1fr!important;padding:10px!important;gap:10px!important;border-radius:18px!important}
  .grievance-step-card{min-height:0!important;padding:22px 16px!important;border-radius:15px!important}

  .application-side .app-steps>div{padding:14px 8px!important}
  .application-side .app-steps b{width:38px!important;height:38px!important;display:grid!important;place-items:center!important}

  .form-grid{grid-template-columns:1fr!important;gap:14px!important}
  .form-card,.calculator-card,.lab-result,.contact-card{padding:20px!important;border-radius:18px!important}
  input,select,textarea{font-size:16px!important;min-height:46px!important}
  textarea{min-height:120px!important}
  .form-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}

  .result-stats{grid-template-columns:1fr!important;gap:9px!important}
  .lab-result .result-stats div{padding:13px!important}
  .lab-result .result-stats b{font-size:15px!important}

  .map-section{padding:52px 14px!important;gap:16px!important}
  .map-copy{padding:24px!important;border-radius:18px!important}
  .map-copy h2{font-size:32px!important;line-height:1.05!important}
  .map-copy>p:not(.location-note){font-size:14px!important;line-height:1.7!important}
  .map-copy .map-link{width:100%!important;text-align:center!important}
  .map-frame{border-radius:18px!important}
  .map-frame iframe{min-height:300px!important;height:300px!important}

  .footer{padding:42px 0 24px!important}
  .footer-inner{display:grid!important;grid-template-columns:1fr!important;gap:24px!important}
  .footer-brand .brand-logo img{width:130px!important}
  .footer-links{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  .footer-links a{font-size:13px!important}

  .modal-content{width:calc(100% - 24px)!important;max-height:88vh!important;overflow:auto!important;padding:20px!important;border-radius:18px!important}
  .leadership-grid{grid-template-columns:1fr!important}
  .leadership-card{padding:18px!important}
  .leadership-card img{height:220px!important}
}

/* Very small phones */
@media (max-width: 380px){
  .container,.page-wrap,.section-inner,.hero-inner,.footer-inner{width:calc(100% - 20px)!important}
  .main-nav{grid-template-columns:1fr!important}
  .hero-copy h1,.page-hero h1{font-size:32px!important}
  .universal-moving-circle{width:76vw!important;height:76vw!important}
  .footer-links{grid-template-columns:1fr!important}
}

/* Landscape phones: keep the hero compact */
@media (max-width: 900px) and (orientation:landscape) and (max-height:520px){
  .hero-section,.page-hero{padding:34px 0!important}
  .hero-inner{gap:22px!important}
  .universal-moving-circle{width:270px!important;height:270px!important}
}


/* V14.3 — Official Phoenix Capita Team refresh */
.leader-photo-wrap{overflow:hidden!important;background:linear-gradient(145deg,#eef5f9,#f9fbfc)!important}
.leader-photo-wrap img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.leader-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font:800 52px/1 "DM Mono",monospace;color:var(--pc-gold-strong);background:radial-gradient(circle at 50% 35%,rgba(197,138,50,.16),rgba(20,93,160,.08) 55%,rgba(8,27,51,.04));letter-spacing:-2px}
@media(max-width:900px){.leadership-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.leader-card{min-height:350px!important}.leader-photo-wrap{width:150px!important;height:150px!important;margin-left:auto!important;margin-right:auto!important}.leader-info{text-align:center!important}.leader-detail-btn{margin-left:auto!important;margin-right:auto!important}}
@media(max-width:560px){.leadership-grid{grid-template-columns:1fr!important}.leader-card{min-height:340px!important}.leader-photo-wrap{width:170px!important;height:170px!important}.leader-info h3{font-size:21px!important}.leader-detail-btn{width:100%!important;max-width:220px!important}}

/* Home page social rail */
.home-social-rail{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:1200;display:flex;flex-direction:column;gap:7px;padding:8px 7px 8px 8px;background:rgba(255,255,255,.94);border:1px solid var(--pc-line);border-right:0;border-radius:16px 0 0 16px;box-shadow:0 12px 35px rgba(11,31,51,.12);backdrop-filter:blur(10px)}
.home-social-btn{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-width:42px;width:42px;height:42px;overflow:hidden;padding:0 10px;border:1px solid var(--pc-line);border-radius:12px;background:#fff;color:#18324d!important;text-decoration:none!important;transition:width .22s ease,transform .22s ease,box-shadow .22s ease,background .22s ease}
.home-social-btn span{flex:0 0 22px;width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:linear-gradient(135deg,#dca753,#b8751d);color:#fff!important;font:800 9px/1 Manrope,Arial,sans-serif;letter-spacing:0;text-transform:none}
.home-social-btn b{font:800 9px/1 "DM Mono",monospace;letter-spacing:.7px;text-transform:uppercase;white-space:nowrap}
.home-social-btn:hover{width:126px;transform:translateX(-3px);box-shadow:0 10px 24px rgba(11,31,51,.13);color:#9b671d!important}
.home-social-btn.whatsapp:hover{width:126px}
@media(max-width:700px){.home-social-rail{top:auto;bottom:18px;transform:none;right:12px;flex-direction:row;gap:6px;padding:7px;border:1px solid var(--pc-line);border-radius:16px}.home-social-btn{width:38px;min-width:38px;height:38px;padding:0;justify-content:center;border-radius:10px}.home-social-btn b{display:none}.home-social-btn:hover,.home-social-btn.whatsapp:hover{width:38px;transform:translateY(-2px)}}


/* Global social rail — icon first, label appears on hover */
.social-rail{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:1200;display:flex;flex-direction:column;gap:7px;padding:8px 7px 8px 8px;background:rgba(255,255,255,.96);border:1px solid var(--pc-line);border-right:0;border-radius:16px 0 0 16px;box-shadow:0 12px 35px rgba(11,31,51,.12);backdrop-filter:blur(10px)}
.social-rail-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:flex-start;gap:9px;padding:0 9px;border:1px solid var(--pc-line);border-radius:12px;background:#fff;color:#18324d!important;text-decoration:none!important;overflow:hidden;transition:width .22s ease,transform .2s ease,box-shadow .2s ease}
.social-rail-btn span{flex:0 0 24px;width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:linear-gradient(135deg,#dca753,#b8751d);color:#fff!important;font:800 9px/1 Manrope,Arial,sans-serif;letter-spacing:0;text-transform:none}
.social-rail-btn b{opacity:0;visibility:hidden;white-space:nowrap;font:800 9px/1 "DM Mono",monospace;letter-spacing:.7px;text-transform:uppercase;transition:opacity .16s ease,visibility .16s ease}
.social-rail-btn:hover,.social-rail-btn:focus-visible{width:142px;transform:translateX(-3px);box-shadow:0 8px 20px rgba(11,31,51,.13);color:#9b671d!important}
.social-rail-btn:hover b,.social-rail-btn:focus-visible b{opacity:1;visibility:visible}
.social-rail-btn.youtube span{font-size:10px}.social-rail-btn.x span{font-size:13px}
/* Restore the previous always-visible-on-scroll header behavior */
.navbar{position:sticky;top:0;z-index:1100}
.navbar.scrolled{position:fixed!important;top:0;left:0;right:0;width:100%;height:70px!important;box-shadow:0 10px 30px rgba(16,32,51,.10);background:rgba(255,255,255,.96)}
body.header-scrolled{padding-top:82px}
@media(max-width:700px){.social-rail{top:auto;bottom:18px;transform:none;right:12px;flex-direction:row;gap:6px;padding:7px;border:1px solid var(--pc-line);border-radius:16px}.social-rail-btn{width:42px;height:38px;padding:0;justify-content:center;border-radius:10px}.social-rail-btn b{display:none}.social-rail-btn:hover,.social-rail-btn:focus-visible{width:42px;transform:translateY(-2px)}.navbar.scrolled{height:auto!important}body.header-scrolled{padding-top:70px}}


/* =========================================================
   V15 — FINAL DEVICE RESPONSIVE PATCH
   Desktop / Tablet / Mobile / Small phones
   Keeps the existing Phoenix Capital visual language.
   ========================================================= */

/* Safe global sizing */
*,*::before,*::after{box-sizing:border-box}
html,body{width:100%;min-width:0;overflow-x:hidden}
body{margin:0}
img,video,iframe{max-width:100%;height:auto}
button,input,select,textarea{font:inherit;max-width:100%}
a{overflow-wrap:anywhere}
main,section,header,footer,article,div{min-width:0}

/* Header: desktop remains horizontal */
.navbar{
  width:100%;
  min-width:0;
}
.brand{
  min-width:0;
}
.brand>span:last-child{
  min-width:0;
}
.brand small{
  white-space:nowrap;
}
nav{
  min-width:0;
}

/* Large tablets / compact laptops */
@media (max-width:1200px){
  .navbar{padding-inline:3.5%}
  nav{gap:2px;font-size:9px}
  nav>a:not(.apply):not(.login):not(.lang-toggle){padding-inline:7px}
  .brand{font-size:12px}
  .brand small{font-size:6.5px}
  .solution-grid,.product-matrix{gap:12px}
  .service-grid{gap:12px}
  .footer-grid{gap:28px}
}

/* Tablet */
@media (min-width:701px) and (max-width:1000px){
  .top-status{
    padding-inline:20px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
  }

  .navbar{
    height:70px!important;
    padding:0 4%;
  }

  .navbar .menu-btn{
    display:block!important;
    width:44px;
    height:44px;
    padding:0;
    border:1px solid var(--pc-line);
    border-radius:10px;
    background:#fff;
    cursor:pointer;
  }

  .navbar nav{
    display:none;
    position:absolute;
    left:0;
    right:0;
    top:70px;
    width:100%;
    max-height:calc(100vh - 70px);
    overflow-y:auto;
    padding:16px 4% 20px;
    background:rgba(255,255,255,.98);
    backdrop-filter:blur(18px);
    border-bottom:1px solid var(--pc-line);
    box-shadow:0 18px 40px rgba(7,26,43,.12);
    flex-direction:column;
    align-items:stretch;
    gap:5px;
  }

  .navbar nav.open{display:flex}
  .navbar nav>a,
  .navbar nav>button{
    width:100%;
    min-height:44px;
    justify-content:center;
    text-align:center;
  }
  .navbar nav .lang-toggle{align-self:stretch}

  .future-hero{
    min-height:auto;
    grid-template-columns:1fr 1fr;
    gap:25px;
    padding:65px 5%;
  }
  .hero-copy h1{
    font-size:clamp(42px,6vw,62px);
    letter-spacing:-3px;
  }
  .hero-description{font-size:14px}
  .hero-system{
    min-height:430px;
    height:430px;
  }

  .neo-page-hero{
    min-height:390px!important;
    padding:70px 6%!important;
  }
  .neo-page-hero:before{
    right:-50px;
    width:270px;
    height:270px;
  }
  .neo-page-hero:after{
    right:0;
    width:150px;
    height:150px;
  }

  .section-intro,
  .command-intro{
    gap:28px;
  }
  .section-intro h2,.intel-copy h2,.command-copy h2,.portal-copy h2,
  .future-cta h2{
    font-size:clamp(36px,5vw,54px);
  }

  .solution-grid,.product-matrix,.gallery-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .service-grid,.principle-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .policy-grid,.branch-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .mission-zone{
    grid-template-columns:80px 1fr 1fr;
  }
  .mission-number{font-size:56px}
  .vision-zone,.application-zone,.contact-zone,.emi-lab{
    grid-template-columns:1fr 1fr;
  }
  .support-flow{
    grid-template-columns:1fr;
  }
  .support-steps{
    grid-template-columns:repeat(3,1fr);
  }
  .footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* Mobile */
@media (max-width:700px){
  /* Header */
  .top-status{
    height:28px;
    min-height:28px;
    padding:0 12px;
    font-size:7px!important;
    letter-spacing:1px!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .build-badge,.top-divider{
    display:none!important;
  }

  .navbar,
  .navbar.scrolled{
    height:64px!important;
    min-height:64px;
    padding:0 14px!important;
    position:sticky!important;
    top:0;
    left:auto;
    right:auto;
  }
  body.header-scrolled{padding-top:0!important}

  .brand{
    flex:1 1 auto;
    min-width:0;
    max-width:calc(100% - 56px);
    gap:8px;
    font-size:11px!important;
    letter-spacing:.6px!important;
  }
  .brand-logo{
    flex:0 0 34px;
    width:34px!important;
    height:34px!important;
  }
  .brand-logo img{
    width:28px!important;
    height:28px!important;
  }
  .brand>span:last-child{
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .brand small{
    font-size:5.5px!important;
    letter-spacing:1px!important;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .navbar .menu-btn{
    display:grid!important;
    place-items:center;
    flex:0 0 42px;
    width:42px;
    height:42px;
    padding:0;
    margin-left:8px;
    border:1px solid var(--pc-line);
    border-radius:10px;
    background:#fff;
    color:var(--pc-navy);
    cursor:pointer;
  }

  .navbar nav{
    display:none;
    position:absolute;
    left:0;
    right:0;
    top:64px;
    width:100%;
    max-height:calc(100vh - 64px);
    overflow-y:auto;
    padding:12px 14px 18px;
    background:rgba(255,255,255,.985);
    backdrop-filter:blur(18px);
    border-bottom:1px solid var(--pc-line);
    box-shadow:0 18px 42px rgba(7,26,43,.14);
    flex-direction:column;
    align-items:stretch;
    gap:5px;
  }
  .navbar nav.open{display:flex}
  .navbar nav>a:not(.apply):not(.login):not(.lang-toggle),
  .navbar nav>a.login,
  .navbar nav>a.apply,
  .navbar nav>button.lang-toggle{
    width:100%;
    min-height:44px;
    padding:11px 12px!important;
    justify-content:center;
    text-align:center;
    border-radius:10px!important;
  }
  .navbar nav .apply{
    display:flex;
    align-items:center;
  }
  .navbar nav .lang-toggle{
    align-self:stretch;
  }

  /* Social rail becomes compact bottom dock */
  .social-rail{
    left:50%;
    right:auto!important;
    top:auto!important;
    bottom:12px!important;
    transform:translateX(-50%)!important;
    width:auto;
    max-width:calc(100vw - 20px);
    flex-direction:row!important;
    justify-content:center;
    gap:5px!important;
    padding:6px!important;
    border:1px solid var(--pc-line)!important;
    border-radius:15px!important;
    overflow-x:auto;
  }
  .social-rail-btn{
    flex:0 0 36px;
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    padding:0!important;
    justify-content:center!important;
    border-radius:9px!important;
  }
  .social-rail-btn span{
    width:21px;
    height:21px;
    flex-basis:21px;
  }
  .social-rail-btn b{display:none!important}

  /* Home hero */
  .future-hero{
    min-height:auto!important;
    display:flex!important;
    flex-direction:column;
    align-items:stretch;
    gap:30px;
    padding:48px 6% 52px!important;
  }
  .hero-copy{width:100%;max-width:none}
  .live-pill{font-size:8px}
  .hero-kicker,.eyebrow{
    font-size:9px!important;
    letter-spacing:1.3px!important;
  }
  .hero-copy h1{
    font-size:clamp(38px,11.5vw,52px)!important;
    line-height:1.02!important;
    letter-spacing:-3px!important;
    margin:17px 0 15px!important;
  }
  .hero-description{
    font-size:14px!important;
    line-height:1.7!important;
  }
  .hero-actions{
    width:100%;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px;
    margin-top:24px;
  }
  .hero-actions a{
    width:100%;
    min-height:48px;
    justify-content:center;
  }
  .hero-metrics{
    display:grid!important;
    grid-template-columns:1fr;
    gap:0;
    margin-top:32px;
  }
  .hero-metrics div{
    padding:12px 0;
    border-bottom:1px solid var(--line);
  }
  .hero-system{
    width:100%;
    height:min(88vw,360px)!important;
    min-height:280px;
    max-height:360px;
  }
  .hero-system .hud-card,
  .hero-system .data-node{
    display:none!important;
  }
  .system-ring.r1{width:80%;height:80%}
  .system-ring.r2{width:63%;height:63%}
  .system-ring.r3{width:48%;height:48%}
  .core-orb{width:112px;height:112px}
  .orb-inner{width:74px;height:74px;font-size:32px}
  .scroll-indicator{display:none}

  /* Inner page hero */
  .neo-page-hero{
    min-height:330px!important;
    padding:58px 6% 48px!important;
    align-items:flex-start;
  }
  .neo-page-hero:before{
    right:-95px;
    top:52%;
    width:260px;
    height:260px;
  }
  .neo-page-hero:after{
    right:-35px;
    top:52%;
    width:150px;
    height:150px;
  }
  .neo-hero-content{
    width:100%;
    max-width:none;
  }
  .neo-hero-content h1{
    font-size:clamp(40px,12vw,58px)!important;
    line-height:1!important;
    letter-spacing:-3px!important;
    margin:18px 0 15px!important;
  }
  .neo-hero-content>p:last-child{
    max-width:100%;
    font-size:13px!important;
    line-height:1.75!important;
  }

  /* All major sections */
  .solution-section,.service-command,.application-zone,.contact-zone,
  .emi-lab,.policy-page,.branches-section,.grievance-section,
  .principles-zone,.vision-zone,.mission-zone,.products-intro,
  .process-band,.support-flow,.lab-note,.command-section,
  .portal-section,.intelligence-section{
    padding:58px 6%!important;
  }

  .section-intro,
  .command-intro{
    display:block!important;
    margin-bottom:32px;
  }
  .section-intro>p,
  .command-intro>p:last-child{
    margin-top:17px;
    max-width:none;
    font-size:13px;
    line-height:1.75;
  }
  .section-intro h2,.intel-copy h2,.command-copy h2,.portal-copy h2,
  .future-cta h2,.products-intro h2,.process-band h2,.lab-note h2,
  .support-flow h2{
    font-size:clamp(32px,9.5vw,44px)!important;
    line-height:1.04!important;
    letter-spacing:-2.5px!important;
  }

  .solution-grid,.product-matrix,.service-grid,.principle-grid,
  .policy-grid,.branch-grid,.gallery-grid,.card-grid{
    grid-template-columns:1fr!important;
    gap:13px!important;
  }

  .solution-card,.matrix-card,.service-card,.principle-card,
  .policy-card,.branch-card,.gallery-card{
    min-height:0!important;
    padding:22px!important;
    border-radius:17px!important;
  }
  .solution-card h3,.matrix-card h3,.service-card h3,
  .principle-card h3,.policy-card h3,.branch-card h3{
    font-size:21px!important;
    line-height:1.1;
  }
  .solution-card h3,.matrix-card h3,.service-card h3{margin-top:28px}
  .solution-card small,.matrix-card small,.service-card p,
  .policy-card>p:not(.policy-meta),.branch-card p{
    font-size:11px!important;
    line-height:1.75!important;
  }

  /* About / mission */
  .mission-zone{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .mission-number{
    font-size:48px;
    line-height:1;
  }
  .mission-zone>p{grid-column:auto!important}
  .vision-zone{
    display:flex!important;
    flex-direction:column;
    gap:30px;
  }
  .vision-orbit{
    width:min(76vw,280px)!important;
    height:min(76vw,280px)!important;
  }
  .vision-orbit b{font-size:80px!important}

  /* Process */
  .process-band{display:block!important}
  .process-mini{
    justify-content:flex-start!important;
    flex-wrap:wrap;
    margin-top:28px;
  }
  .process-mini span{
    width:74px;
    height:74px;
    font-size:8px;
  }

  /* Services / support */
  .support-flow{display:block!important}
  .support-steps{
    grid-template-columns:1fr!important;
    margin-top:30px;
  }

  /* Intelligence */
  .intelligence-section{display:flex!important;flex-direction:column}
  .intel-visual{
    width:100%;
    height:min(82vw,360px)!important;
    min-height:260px;
  }
  .intel-circle{
    width:min(55vw,220px);
    height:min(55vw,220px);
  }
  .intel-circle b{font-size:22px}

  /* Command / portal */
  .command-section{display:flex!important;flex-direction:column}
  .command-panel{
    width:100%;
    height:270px;
  }
  .panel-number{font-size:72px}
  .portal-section{
    display:flex!important;
    flex-direction:column-reverse;
    gap:30px;
  }
  .portal-orb{
    width:min(70vw,260px)!important;
    height:min(70vw,260px)!important;
  }

  /* EMI */
  .emi-lab{display:flex!important;flex-direction:column}
  .lab-controls,.lab-result{padding:22px!important;border-radius:17px}
  .lab-result>p{margin-top:48px}
  .lab-result h2{
    font-size:clamp(46px,13vw,68px)!important;
    letter-spacing:-3px!important;
  }
  .result-stats{
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-top:28px;
  }
  .lab-note{display:block!important}
  .note-symbol{
    font-size:70px;
    text-align:left;
    margin-bottom:15px;
  }

  /* Forms */
  .neo-form-wrap,.contact-form-panel{
    width:100%;
    padding:21px!important;
    border-radius:17px!important;
  }
  .neo-form{
    grid-template-columns:1fr!important;
    gap:0;
  }
  .neo-form .field:last-of-type,
  .form-disclaimer{grid-column:auto!important}
  .form-top h3{font-size:24px}
  .neo-form input,.neo-form select,.neo-form textarea{
    min-height:46px;
    font-size:16px!important; /* avoids iOS zoom */
  }
  .neo-form textarea{min-height:120px}
  .submit-neo,.lab-button{
    min-height:48px;
    margin-top:22px;
  }

  /* Grievance */
  .grievance-section{
    display:flex!important;
    flex-direction:column;
    gap:30px!important;
  }
  .grievance-main h2{
    font-size:clamp(34px,10vw,48px)!important;
    letter-spacing:-2.5px!important;
  }
  .grievance-steps>div{
    grid-template-columns:40px 1fr;
    padding:17px 0;
  }
  .grievance-card{padding:24px!important}

  /* Branches / map */
  .map-section{
    grid-template-columns:1fr!important;
    gap:16px!important;
    padding:55px 6%!important;
  }
  .map-copy{
    padding:24px!important;
    border-radius:18px!important;
  }
  .map-copy h2{
    font-size:clamp(32px,9vw,44px)!important;
    letter-spacing:-2.5px!important;
  }
  .map-copy>p:not(.location-note){
    font-size:13px!important;
    line-height:1.75!important;
  }
  .map-copy .map-link{
    width:100%;
    justify-content:center;
    text-align:center;
  }
  .map-frame{
    width:100%;
    min-height:300px!important;
    border-radius:18px!important;
  }
  .map-frame iframe{
    width:100%;
    height:300px!important;
    min-height:300px!important;
  }

  /* Footer */
  footer{
    padding:52px 6% 90px!important; /* room for social dock */
  }
  .footer-grid{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
  .footer-grid>div{min-width:0}
  .footer-bottom{
    display:flex!important;
    flex-direction:column;
    gap:8px;
    line-height:1.6;
  }
  .newsletter{max-width:100%}

  /* CTA */
  .future-cta{padding:72px 6%!important}

  /* Leadership */
  .leadership-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .leader-card{min-height:0!important}
  .leader-photo-wrap{
    width:min(170px,55vw)!important;
    height:min(170px,55vw)!important;
    margin-inline:auto!important;
  }
  .leader-info{text-align:center}
  .leader-detail-btn{
    width:100%;
    max-width:230px;
    margin-inline:auto;
  }

  /* Lightboxes/modals */
  .gallery-lightbox-panel{
    width:calc(100% - 24px)!important;
    max-width:none!important;
    max-height:90vh;
    overflow:auto;
    border-radius:18px!important;
  }
}

/* Small phones */
@media (max-width:380px){
  .navbar{padding-inline:10px!important}
  .brand{font-size:10px!important}
  .brand-logo{flex-basis:31px;width:31px!important;height:31px!important}
  .brand-logo img{width:25px!important;height:25px!important}
  .brand small{font-size:5px!important}
  .navbar .menu-btn{flex-basis:40px;width:40px;height:40px}
  .navbar nav{padding-inline:10px}
  .future-hero{padding-inline:5%!important}
  .hero-copy h1{font-size:34px!important;letter-spacing:-2px!important}
  .neo-hero-content h1{font-size:37px!important;letter-spacing:-2px!important}
  .solution-section,.service-command,.application-zone,.contact-zone,
  .emi-lab,.policy-page,.branches-section,.grievance-section,
  .principles-zone,.vision-zone,.mission-zone,.products-intro,
  .process-band,.support-flow,.lab-note,.command-section,
  .portal-section,.intelligence-section{padding-inline:5%!important}
  .solution-card,.matrix-card,.service-card,.principle-card,
  .policy-card,.branch-card,.gallery-card{padding:18px!important}
  .social-rail{
    max-width:calc(100vw - 12px);
    bottom:7px!important;
  }
  .social-rail-btn{flex-basis:33px;width:33px!important;min-width:33px!important;height:33px!important}
}

/* Touch devices: remove hover-only movement that can feel sticky */
@media (hover:none){
  .solution-card:hover,.service-card:hover,.principle-card:hover,
  .matrix-card:hover,.policy-card:hover,.branch-card:hover{
    transform:none!important;
    box-shadow:0 8px 24px rgba(11,31,51,.035);
  }
  .social-rail-btn:hover{
    width:36px!important;
    transform:none!important;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
  }
}

/* =========================================================
   V15.1 — VERIFIED RESPONSIVE OVERRIDE
   Final cascade layer for real device widths.
   ========================================================= */

html{overflow-x:hidden!important;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:hidden!important}

/* Desktop/tablet navigation stays stable */
@media (min-width:981px){
  .menu-btn{display:none!important}
  .navbar nav{display:flex!important;position:static!important;max-height:none!important;overflow:visible!important}
}

/* Tablet: 701–980px */
@media (min-width:701px) and (max-width:980px){
  .navbar{height:70px!important;padding:0 22px!important}
  .brand{gap:8px;font-size:12px!important}
  .brand-logo{width:72px!important;height:48px!important;flex:0 0 72px!important}
  .brand-logo img{width:70px!important;height:46px!important}
  .navbar .menu-btn{display:grid!important;place-items:center!important}
  .future-hero{padding:54px 5%!important;gap:28px!important}
  .hero-copy h1{font-size:clamp(42px,6vw,60px)!important;letter-spacing:-3px!important}
  .hero-description{font-size:14px!important}
  .hero-system{min-height:360px!important;height:360px!important}
  .social-rail{right:8px}
}

/* Phones and narrow browser viewports */
@media (max-width:700px){
  .top-status{height:27px!important;min-height:27px!important;padding:0 12px!important;font-size:7px!important;letter-spacing:.9px!important;line-height:27px!important}

  .navbar,.navbar.scrolled{
    height:68px!important;min-height:68px!important;padding:0 14px!important;
    position:sticky!important;top:0!important;left:auto!important;right:auto!important;
    width:100%!important;
  }
  body.header-scrolled{padding-top:0!important}

  /* Compact official logo — prevents the large logo seen on narrow screens */
  .brand{gap:7px!important;font-size:10px!important;letter-spacing:.45px!important;line-height:1.1!important;max-width:calc(100% - 54px)!important}
  .brand-logo,.brand-logo img{
    width:auto!important;height:auto!important;max-width:none!important;object-fit:contain!important;
  }
  .brand-logo{width:70px!important;height:50px!important;flex:0 0 70px!important}
  .brand-logo img{width:68px!important;height:48px!important}
  .brand>span:last-child{min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .brand small{display:block!important;font-size:5px!important;letter-spacing:.7px!important;margin-top:3px!important}

  .navbar .menu-btn{
    display:grid!important;place-items:center!important;flex:0 0 42px!important;
    width:42px!important;height:42px!important;margin-left:6px!important;padding:0!important;
    font-size:23px!important;line-height:1!important;
  }

  .navbar nav{
    top:68px!important;left:10px!important;right:10px!important;width:auto!important;
    max-height:calc(100vh - 78px)!important;overflow-y:auto!important;
    padding:10px!important;border-radius:16px!important;gap:4px!important;
  }
  .navbar nav>a:not(.apply):not(.login):not(.lang-toggle),
  .navbar nav>a.login,.navbar nav>a.apply,.navbar nav>button.lang-toggle{
    min-height:42px!important;padding:10px 12px!important;font-size:11px!important;
  }

  /* Home hero — scaled for 320–700px widths */
  .future-hero{
    min-height:auto!important;display:flex!important;flex-direction:column!important;
    align-items:stretch!important;gap:24px!important;
    padding:38px 20px 44px!important;
  }
  .hero-copy{width:100%!important;max-width:100%!important}
  .live-pill{padding:7px 10px!important;font-size:7.5px!important;letter-spacing:1.1px!important}
  .hero-kicker,.eyebrow{font-size:8px!important;letter-spacing:1.1px!important;margin-top:16px!important}
  .hero-copy h1{
    font-size:clamp(36px,9.6vw,48px)!important;
    line-height:1.04!important;letter-spacing:-2.5px!important;margin:15px 0 14px!important;
    overflow-wrap:normal!important;
  }
  .hero-description{font-size:13px!important;line-height:1.65!important;max-width:100%!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:20px!important}
  .hero-actions a{width:100%!important;min-height:46px!important;padding:12px 14px!important;justify-content:center!important}
  .hero-metrics{grid-template-columns:1fr!important;gap:0!important;margin-top:24px!important;padding-top:12px!important}
  .hero-metrics div{padding:10px 0!important}
  .hero-metrics strong{font-size:16px!important}
  .hero-metrics span{font-size:9px!important}
  .hero-system{width:100%!important;height:290px!important;min-height:260px!important;max-height:290px!important;margin-top:0!important;overflow:hidden!important}
  .system-ring.r1{width:78%!important;height:78%!important}.system-ring.r2{width:62%!important;height:62%!important}.system-ring.r3{width:47%!important;height:47%!important}
  .core-orb{width:100px!important;height:100px!important}.orb-inner{width:66px!important;height:66px!important;font-size:28px!important}

  /* Inner heroes */
  .neo-page-hero,.inner-hero{min-height:300px!important;padding:48px 20px 42px!important}
  .neo-page-hero:before,.inner-hero:before{right:-130px!important;top:54%!important;width:240px!important;height:240px!important}
  .neo-page-hero:after,.inner-hero:after{right:-70px!important;top:54%!important;width:135px!important;height:135px!important}
  .neo-hero-content,.inner-hero-copy{width:100%!important;max-width:100%!important}
  .neo-hero-content h1,.inner-hero-copy h1{
    font-size:clamp(36px,10.5vw,52px)!important;line-height:1.03!important;letter-spacing:-2.8px!important;margin:16px 0 14px!important;
  }
  .neo-hero-content>p,.inner-hero-copy>p{font-size:12.5px!important;line-height:1.7!important;max-width:100%!important}
  .hero-visual-panel{display:none!important}
  .universal-moving-circle{display:none!important}

  /* Sections */
  .solution-section,.service-command,.application-zone,.contact-zone,.emi-lab,
  .policy-page,.branches-section,.grievance-section,.principles-zone,.vision-zone,
  .mission-zone,.products-intro,.process-band,.support-flow,.lab-note,.command-section,
  .portal-section,.intelligence-section,.gallery-home-cta{padding:52px 20px!important}
  .section-intro h2,.intel-copy h2,.command-copy h2,.portal-copy h2,
  .future-cta h2,.products-intro h2,.process-band h2,.lab-note h2,.support-flow h2{
    font-size:clamp(30px,8.8vw,42px)!important;line-height:1.06!important;letter-spacing:-2.2px!important;
  }
  .section-intro>p,.command-intro>p:last-child{font-size:12.5px!important;line-height:1.7!important}
  .solution-grid,.product-matrix,.service-grid,.principle-grid,.policy-grid,.branch-grid,.gallery-grid,.card-grid{
    grid-template-columns:1fr!important;gap:12px!important
  }
  .solution-card,.matrix-card,.service-card,.principle-card,.policy-card,.branch-card,.gallery-card{padding:20px!important;border-radius:15px!important}

  /* Contact/forms/maps */
  .neo-form,.contact-info-grid,.vision-zone,.application-zone,.contact-zone,.emi-lab{grid-template-columns:1fr!important}
  .neo-form-wrap,.contact-form-panel{padding:18px!important}
  .map-frame,.map-frame iframe{min-height:280px!important}
  input,select,textarea{font-size:16px!important} /* prevents iOS zoom */

  /* Leadership */
  .leadership-section{padding:58px 20px!important}
  .leadership-grid{grid-template-columns:1fr!important;gap:12px!important}
  .leadership-heading h2{font-size:clamp(34px,9vw,46px)!important;letter-spacing:-2.8px!important}

  /* Fixed social dock: compact and never wider than the viewport */
  .social-rail{
    left:50%!important;right:auto!important;top:auto!important;bottom:10px!important;
    transform:translateX(-50%)!important;max-width:calc(100vw - 20px)!important;
    width:max-content!important;display:flex!important;flex-direction:row!important;
    gap:4px!important;padding:5px!important;border-radius:14px!important;overflow:hidden!important;
  }
  .social-rail-btn{width:34px!important;min-width:34px!important;height:34px!important;padding:0!important;border-radius:8px!important}
  .social-rail-btn span{width:20px!important;height:20px!important;flex-basis:20px!important;font-size:8px!important}
  .social-rail-btn.youtube span{font-size:9px!important}.social-rail-btn.x span{font-size:11px!important}
  .social-rail-btn:hover,.social-rail-btn:focus-visible{width:34px!important;transform:translateY(-1px)!important}

  .future-cta{padding:68px 20px!important}
  .footer-grid{grid-template-columns:1fr!important;gap:28px!important;padding-left:20px!important;padding-right:20px!important}
  footer{padding-top:58px!important}
  .footer-bottom{padding-left:20px!important;padding-right:20px!important}
}

/* Very small phones */
@media (max-width:420px){
  .navbar{padding-inline:10px!important}
  .brand-logo{width:58px!important;height:45px!important;flex-basis:58px!important}
  .brand-logo img{width:56px!important;height:43px!important}
  .brand{font-size:9px!important;gap:5px!important;max-width:calc(100% - 50px)!important}
  .brand small{font-size:4.5px!important}
  .navbar .menu-btn{width:40px!important;height:40px!important;flex-basis:40px!important}
  .future-hero{padding-inline:16px!important}
  .hero-copy h1{font-size:clamp(34px,10.5vw,43px)!important;letter-spacing:-2.2px!important}
  .hero-description{font-size:12.5px!important}
  .social-rail{max-width:calc(100vw - 12px)!important;gap:3px!important;padding:4px!important}
  .social-rail-btn{width:31px!important;min-width:31px!important;height:31px!important}
  .social-rail-btn span{width:18px!important;height:18px!important;flex-basis:18px!important}
}


/* V15.2 — FINAL RESPONSIVE OVERRIDES
   These rules intentionally come last so older responsive blocks cannot override them. */
html,body{max-width:100%;overflow-x:hidden!important}

/* Keep the social rail on the right on EVERY viewport, matching desktop behavior. */
.social-rail{
  position:fixed!important;
  right:0!important;
  left:auto!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  z-index:3000!important;
  flex-direction:column!important;
  width:auto!important;
  max-width:none!important;
  overflow:visible!important;
}
.social-rail-btn{flex:0 0 auto!important}

/* The home page has a separate social rail class; keep it on the right too. */
.home-social-rail{
  position:fixed!important;
  right:0!important;
  left:auto!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  z-index:3000!important;
  flex-direction:column!important;
}

/* Never allow the decorative hero circles to cover readable content on phones. */
@media (max-width:700px){
  .neo-page-hero.about-hero,
  .neo-page-hero.inner-hero,
  .inner-hero{
    min-height:390px!important;
    height:auto!important;
    padding:42px 20px 48px!important;
    align-items:flex-start!important;
  }
  .neo-page-hero .hero-visual-panel,
  .neo-page-hero .universal-moving-circle,
  .inner-hero .hero-visual-panel,
  .inner-hero .universal-moving-circle,
  .about-hero .hero-visual-panel,
  .about-hero .universal-moving-circle{
    display:none!important;
  }
  .neo-page-hero .hero-sphere{display:none!important}
  .neo-hero-content,
  .inner-hero-copy{
    width:100%!important;
    max-width:100%!important;
    position:relative!important;
    z-index:5!important;
  }
  .neo-hero-content .eyebrow,
  .inner-hero-copy .eyebrow{
    font-size:8px!important;
    line-height:1.5!important;
    letter-spacing:1.1px!important;
    margin:0 0 20px!important;
  }
  .hero-breadcrumb{font-size:9px!important;margin-bottom:18px!important}
  .neo-hero-content h1,
  .inner-hero-copy h1{
    max-width:100%!important;
    font-size:clamp(39px,11.5vw,54px)!important;
    line-height:1.02!important;
    letter-spacing:-2.6px!important;
    margin:0 0 20px!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .neo-hero-content>p,
  .inner-hero-copy>p{
    max-width:100%!important;
    font-size:13px!important;
    line-height:1.72!important;
  }

  /* Right-side social rail: compact vertical buttons, no bottom floating dock. */
  .social-rail,
  .home-social-rail{
    right:6px!important;
    left:auto!important;
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    display:flex!important;
    flex-direction:column!important;
    gap:5px!important;
    padding:5px!important;
    width:38px!important;
    max-width:38px!important;
    border:1px solid var(--pc-line)!important;
    border-right:0!important;
    border-radius:12px 0 0 12px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 10px 28px rgba(11,31,51,.14)!important;
    backdrop-filter:blur(10px)!important;
  }
  .social-rail-btn,
  .home-social-btn{
    width:28px!important;
    min-width:28px!important;
    max-width:28px!important;
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
    padding:0!important;
    margin:0!important;
    justify-content:center!important;
    border-radius:8px!important;
    gap:0!important;
  }
  .social-rail-btn span,
  .home-social-btn span{
    width:18px!important;
    height:18px!important;
    flex:0 0 18px!important;
    font-size:8px!important;
    border-radius:6px!important;
  }
  .social-rail-btn b,
  .home-social-btn b{display:none!important}
  .social-rail-btn:hover,
  .social-rail-btn:focus-visible,
  .home-social-btn:hover,
  .home-social-btn:focus-visible{
    width:28px!important;
    max-width:28px!important;
    transform:translateX(-2px)!important;
  }

  /* Prevent About/company sections from becoming wider than the viewport. */
  .mission-zone,
  .principles-zone,
  .vision-zone{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .mission-zone{grid-template-columns:1fr!important;gap:24px!important;padding:52px 20px!important}
  .mission-zone h2{font-size:clamp(35px,10vw,48px)!important;line-height:1.05!important;letter-spacing:-2.4px!important}
  .mission-zone>p{font-size:13px!important;line-height:1.75!important;max-width:100%!important}
  .principles-zone{padding:52px 20px!important}
  .section-center h2{font-size:clamp(34px,9.5vw,46px)!important;line-height:1.05!important;letter-spacing:-2.4px!important}
  .vision-zone{grid-template-columns:1fr!important;gap:28px!important;padding:52px 20px!important}
  .vision-zone h2{font-size:clamp(35px,10vw,48px)!important;line-height:1.05!important;letter-spacing:-2.4px!important}
}

@media (max-width:420px){
  .neo-page-hero.about-hero,
  .neo-page-hero.inner-hero,
  .inner-hero{min-height:370px!important;padding:38px 16px 42px!important}
  .neo-hero-content h1,
  .inner-hero-copy h1{font-size:clamp(36px,11.5vw,48px)!important;letter-spacing:-2.3px!important}
  .neo-hero-content>p,
  .inner-hero-copy>p{font-size:12.5px!important}
  .social-rail,.home-social-rail{right:4px!important;width:34px!important;max-width:34px!important;padding:4px!important;gap:4px!important}
  .social-rail-btn,.home-social-btn{width:25px!important;min-width:25px!important;max-width:25px!important;height:25px!important;min-height:25px!important;max-height:25px!important}
  .social-rail-btn span,.home-social-btn span{width:16px!important;height:16px!important;flex-basis:16px!important;font-size:7px!important}
  .social-rail-btn:hover,.social-rail-btn:focus-visible,.home-social-btn:hover,.home-social-btn:focus-visible{width:25px!important;max-width:25px!important}
}

/* =========================================================
   V15.3 — FINAL MOBILE / TABLET LEADERSHIP + MENU FIX
   ========================================================= */

/* Leadership cards: keep name, role and More Detail button in normal flow. */
.leader-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  min-height:365px!important;
  padding-bottom:24px!important;
}
.leader-index{flex:0 0 auto!important}
.leader-photo-wrap{flex:0 0 auto!important}
.leader-info{
  flex:0 0 auto!important;
  min-height:54px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.leader-info h3{margin-bottom:7px!important}
.leader-detail-btn{
  position:static!important;
  left:auto!important;
  bottom:auto!important;
  transform:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  flex:0 0 auto!important;
  width:min(230px,100%)!important;
  max-width:230px!important;
  margin:18px auto 0!important;
  min-height:44px!important;
}
.leader-detail-btn:hover{transform:translateY(-3px)!important}
.leader-detail-btn span{display:inline-block!important}

/* Tablet cards */
@media (min-width:701px) and (max-width:1250px){
  .leader-card{min-height:365px!important}
  .leader-photo-wrap{width:155px!important;height:155px!important}
}

/* Phones: one clean card per row with enough room for all content. */
@media (max-width:700px){
  .leadership-section{padding:58px 16px!important}
  .leadership-heading{margin-bottom:30px!important}
  .leadership-heading h2{font-size:clamp(38px,11vw,54px)!important;line-height:1!important;letter-spacing:-3px!important}
  .leadership-heading>p{font-size:12px!important;line-height:1.75!important}
  .leadership-grid{grid-template-columns:1fr!important;gap:16px!important}
  .leader-card{
    min-height:390px!important;
    height:auto!important;
    padding:20px 16px 24px!important;
  }
  .leader-index{margin-bottom:12px!important}
  .leader-photo-wrap{
    width:min(170px,52vw)!important;
    height:min(170px,52vw)!important;
    margin:0 auto 18px!important;
  }
  .leader-info{min-height:58px!important}
  .leader-info h3{font-size:21px!important;line-height:1.15!important;margin:0 0 7px!important}
  .leader-info p{font-size:9px!important;line-height:1.4!important}
  .leader-detail-btn{
    width:min(275px,88%)!important;
    max-width:275px!important;
    min-height:44px!important;
    margin-top:17px!important;
    padding:12px 18px!important;
  }
}

@media (max-width:420px){
  .leadership-section{padding-left:12px!important;padding-right:12px!important}
  .leader-card{min-height:365px!important;padding:18px 14px 22px!important}
  .leader-photo-wrap{width:150px!important;height:150px!important;margin-bottom:16px!important}
  .leader-info{min-height:54px!important}
  .leader-info h3{font-size:19px!important}
  .leader-detail-btn{width:min(245px,90%)!important;min-height:42px!important;margin-top:15px!important}
}

/* Social rail stays on the right at every viewport; never convert it to a bottom dock. */
.social-rail,.home-social-rail{
  position:fixed!important;
  right:0!important;
  left:auto!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  flex-direction:column!important;
  z-index:3000!important;
}
@media (max-width:700px){
  .social-rail,.home-social-rail{
    right:0!important;
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    width:38px!important;
    max-width:38px!important;
    padding:5px 4px!important;
    gap:5px!important;
    flex-direction:column!important;
  }
  .social-rail-btn,.home-social-btn{
    width:28px!important;
    min-width:28px!important;
    max-width:28px!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    padding:0!important;
  }
  .social-rail-btn:hover,.social-rail-btn:focus-visible,
  .home-social-btn:hover,.home-social-btn:focus-visible{
    width:28px!important;
    max-width:28px!important;
    transform:translateX(-2px)!important;
  }
}
@media (max-width:420px){
  .social-rail,.home-social-rail{width:34px!important;max-width:34px!important;padding:4px 3px!important;gap:4px!important}
  .social-rail-btn,.home-social-btn{width:25px!important;min-width:25px!important;max-width:25px!important;height:27px!important;min-height:27px!important;max-height:27px!important}
  .social-rail-btn span,.home-social-btn span{width:16px!important;height:16px!important;flex-basis:16px!important}
}

/* Website menu opens only from the menu button click/tap, never from cursor hover. */
.menu-btn{cursor:pointer!important}
@media (max-width:800px){
  .navbar nav:not(.open){display:none!important}
  .navbar nav.open{display:flex!important}
}


/* PHOENIX LOGO MARK — replace decorative P symbols */
.universal-moving-circle .umc-core img{width:72%;height:72%;object-fit:contain;display:block;position:relative;z-index:2}
.universal-moving-circle .umc-core b{display:none!important}
.core-orb .orb-inner img{width:72%;height:72%;object-fit:contain;display:block}
.vision-orbit b{display:grid;place-items:center;width:130px;height:130px}
.vision-orbit b img{width:100%;height:100%;object-fit:contain;display:block}
@media(max-width:1000px){.universal-moving-circle .umc-core img{width:70%;height:70%}}
@media(max-width:760px){.universal-moving-circle .umc-core img{width:68%;height:68%}.vision-orbit b{width:90px;height:90px}}
@media(max-width:480px){.core-orb .orb-inner img{width:70%;height:70%}.vision-orbit b{width:78px;height:78px}}


/* Phoenix Capital logo consistency v16.0 */
.universal-moving-circle .umc-core img,
.vision-orbit b img,
.core-orb .orb-inner img {
  width: 82%;
  height: 82%;
  max-width: 82%;
  max-height: 82%;
  object-fit: contain;
  object-position: center;
  display: block;
  position: relative;
  z-index: 2;
}
.universal-moving-circle .umc-core {
  overflow: hidden;
}
.vision-orbit b {
  overflow: hidden;
}
@media (max-width: 760px) {
  .universal-moving-circle .umc-core img,
  .vision-orbit b img,
  .core-orb .orb-inner img {
    width: 80%;
    height: 80%;
    max-width: 80%;
    max-height: 80%;
  }
}




/* FAQ PROFESSIONAL REFINEMENT — v17 */
.home-faq-section{
  position:relative;
  padding:115px 8% 120px;
  background:linear-gradient(180deg,#f7f9fc 0%,#eef3f7 100%);
  border-top:1px solid var(--line);
  overflow:hidden;
}
.home-faq-section:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;
  background-image:linear-gradient(rgba(16,32,51,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(16,32,51,.035) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(180deg,#000,transparent 92%);
}
.home-faq-section:after{
  content:"";position:absolute;width:460px;height:460px;border-radius:50%;right:-220px;top:60px;
  background:radial-gradient(circle,rgba(183,122,34,.10),transparent 68%);filter:blur(8px);pointer-events:none;
}
.home-faq-section .section-intro,.home-faq-grid,.home-faq-section .section-link-row{position:relative;z-index:1;max-width:1250px;margin-left:auto;margin-right:auto}
.home-faq-section .section-intro{margin-bottom:58px;align-items:flex-end}
.home-faq-section .eyebrow{margin-top:0;margin-bottom:16px;color:var(--gold);font-size:10px;letter-spacing:2.2px}
.home-faq-section .section-intro h2{margin:0;color:var(--ink);font-size:clamp(48px,5.5vw,76px);line-height:.98;letter-spacing:-4px}
.home-faq-section .section-intro h2 span{color:var(--gold)}
.home-faq-section .section-intro>p{margin:0 0 6px;max-width:430px;color:#66758a;font-size:13px;line-height:1.9}
.home-faq-grid{border-top:1px solid #cfd8e2;border-bottom:1px solid #cfd8e2;background:rgba(255,255,255,.58);box-shadow:0 20px 60px rgba(16,32,51,.045)}
.home-faq-item{margin:0;border-bottom:1px solid #d9e1e8;background:rgba(255,255,255,.76);transition:background .25s ease,box-shadow .25s ease}
.home-faq-item:last-child{border-bottom:0}
.home-faq-item:hover{background:#fff}
.home-faq-item[open]{background:#fff;box-shadow:inset 3px 0 0 var(--gold)}
.home-faq-item summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:68px minmax(0,1fr) 46px;align-items:center;gap:18px;min-height:82px;padding:0 28px;outline:none}
.home-faq-item summary::-webkit-details-marker{display:none}
.faq-number{font:10px "DM Mono";letter-spacing:1.5px;color:#9aa7b5}
.faq-question{font-size:15px;font-weight:800;line-height:1.45;color:#142943}
.faq-toggle{width:34px;height:34px;border:1px solid #d5dee7;border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:22px;font-weight:400;transition:transform .25s ease,background .25s ease,color .25s ease,border-color .25s ease}
.home-faq-item[open] .faq-toggle{transform:rotate(45deg);background:var(--ink);color:#fff;border-color:var(--ink)}
.faq-answer{padding:0 92px 27px 114px}
.faq-answer p{max-width:850px;margin:0;color:#68798d;font-size:12px;line-height:1.9}
.home-faq-section .section-link-row{display:flex;justify-content:flex-end;margin-top:25px}
.home-faq-section .section-link-row .ghost-button{display:inline-flex;align-items:center;padding:11px 0;color:#344a63;border-bottom:1px solid transparent;transition:.2s}
.home-faq-section .section-link-row .ghost-button:hover{color:var(--gold);border-color:var(--gold)}
@media(max-width:800px){
  .home-faq-section{padding:78px 6% 85px}
  .home-faq-section .section-intro{display:block;margin-bottom:35px}
  .home-faq-section .section-intro h2{font-size:clamp(42px,11vw,58px);letter-spacing:-2.8px}
  .home-faq-section .section-intro>p{margin-top:20px;max-width:560px}
  .home-faq-item summary{grid-template-columns:42px minmax(0,1fr) 38px;gap:12px;min-height:72px;padding:0 18px}
  .faq-question{font-size:13px}
  .faq-answer{padding:0 55px 23px 72px}
  .faq-answer p{font-size:11px;line-height:1.8}
}
@media(max-width:480px){
  .home-faq-section{padding:65px 4.5% 72px}
  .home-faq-section .section-intro h2{font-size:43px}
  .home-faq-section .section-intro>p{font-size:12px}
  .home-faq-item summary{grid-template-columns:34px minmax(0,1fr) 34px;gap:9px;padding:0 13px;min-height:70px}
  .faq-number{font-size:8px}
  .faq-question{font-size:12px}
  .faq-toggle{width:30px;height:30px;font-size:19px}
  .faq-answer{padding:0 45px 20px 56px}
  .faq-answer p{font-size:10.5px}
  .home-faq-section .section-link-row{justify-content:flex-start}
}

/* READABLE TEXT FIX — all pages
   Keeps the existing UI/UX while preventing tight tracking/kerning from making
   headings and interface copy overlap or become difficult to read. */
html,body{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
body{
  word-break:normal;
  overflow-wrap:break-word;
}

/* Large headings: readable tracking across every page */
.hero-copy h1,
.neo-hero-content h1,
.inner-hero-copy h1,
.page-hero h1,
.section-intro h2,
.intel-copy h2,
.command-copy h2,
.portal-copy h2,
.future-cta h2,
.mission-zone h2,
.products-intro h2,
.principles-zone h2,
.vision-zone h2,
.command-intro h2,
.support-title h2,
.application-zone h2,
.contact-zone h2,
.policy-page h2,
.grievance-section h2,
.branches-section h2,
.gallery-page h2,
.map-copy h2,
.leadership-heading h2,
.home-faq-section .section-intro h2{
  letter-spacing:-1.6px!important;
  word-spacing:normal!important;
  font-kerning:normal!important;
  font-variant-ligatures:normal!important;
}

/* Contact and other split headings should never visually merge words. */
.contact-info-panel h2,
.contact-info-panel h2 span,
.application-side h2,
.application-side h2 span{
  letter-spacing:-1.4px!important;
  word-spacing:.02em!important;
}

/* Normal copy and controls */
p,li,td,th,label,input,select,textarea,button,a,summary,small,b,strong,span{
  font-kerning:normal;
}

@media(max-width:800px){
  .hero-copy h1,
  .neo-hero-content h1,
  .inner-hero-copy h1,
  .page-hero h1,
  .section-intro h2,
  .intel-copy h2,
  .command-copy h2,
  .portal-copy h2,
  .future-cta h2,
  .mission-zone h2,
  .products-intro h2,
  .principles-zone h2,
  .vision-zone h2,
  .command-intro h2,
  .support-title h2,
  .application-zone h2,
  .contact-zone h2,
  .policy-page h2,
  .grievance-section h2,
  .branches-section h2,
  .gallery-page h2,
  .map-copy h2,
  .leadership-heading h2,
  .home-faq-section .section-intro h2{
    letter-spacing:-.8px!important;
  }
  .contact-info-panel h2,
  .contact-info-panel h2 span,
  .application-side h2,
  .application-side h2 span{
    letter-spacing:-.7px!important;
    word-spacing:.02em!important;
  }
}

/* =========================================================
   V20 — GLOBAL TEXT VISIBILITY / CONTRAST PATCH
   Ensures labels, headings and supporting copy remain clearly
   readable on every light, blue and dark surface.
   ========================================================= */

/* Universal readable typography */
body,body *{
  text-rendering:optimizeLegibility;
  font-kerning:normal;
}

h1,h2,h3,h4,h5,h6,p,li,small,b,strong,span,a,button,label,summary{
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}

/* Never let decorative spacing make normal words look merged. */
.hero-kicker,.eyebrow,.section-kicker,.hero-breadcrumb,
.portal-status,.panel-top,.panel-bottom,.card-index,
.service-card>span,.service-card>b,.contact-portal small,
.contact-info-grid small,.form-top small,.form-top>span,
.map-badge,.lab-status,.top-status{
  letter-spacing:1px!important;
  word-spacing:.12em!important;
}

/* Strong contrast on dark / blue institutional surfaces. */
.intelligence-section,
.portal-section,
.future-cta,
.process-band,
.support-flow,
.security-panel,
.command-panel,
.dark-section,
.dark-band,
.blue-section,
.cta-band,
.service-card.portal-service,
.matrix-card.featured,
.contact-portal{
  color:#fff!important;
}

.intelligence-section h1,.intelligence-section h2,.intelligence-section h3,
.portal-section h1,.portal-section h2,.portal-section h3,
.future-cta h1,.future-cta h2,.future-cta h3,
.process-band h1,.process-band h2,.process-band h3,
.support-flow h1,.support-flow h2,.support-flow h3,
.security-panel h1,.security-panel h2,.security-panel h3,
.command-panel h1,.command-panel h2,.command-panel h3,
.dark-section h1,.dark-section h2,.dark-section h3,
.dark-band h1,.dark-band h2,.dark-band h3,
.blue-section h1,.blue-section h2,.blue-section h3,
.cta-band h1,.cta-band h2,.cta-band h3,
.service-card.portal-service h1,.service-card.portal-service h2,
.service-card.portal-service h3,
.matrix-card.featured h1,.matrix-card.featured h2,.matrix-card.featured h3,
.contact-portal b{
  color:#fff!important;
  text-shadow:none!important;
}

.intelligence-section p,.portal-section p,.future-cta p:not(.eyebrow),
.process-band p,.support-flow p,.security-panel p,.command-panel p,
.dark-section p,.dark-band p,.blue-section p,.cta-band p,
.service-card.portal-service p,.matrix-card.featured p{
  color:#eef4f8!important;
}

.intelligence-section .eyebrow,.portal-section .eyebrow,
.future-cta .eyebrow,.process-band .eyebrow,
.support-flow .eyebrow,.security-panel .eyebrow,
.dark-section .eyebrow,.dark-band .eyebrow,
.blue-section .eyebrow,.cta-band .eyebrow,
.service-card.portal-service .eyebrow{
  color:#f0c56b!important;
  font-weight:800!important;
}

/* Contact portal: specifically fix the low-contrast text shown in the reference. */
.contact-portal{
  background:linear-gradient(135deg,#081b33,#145da0)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
.contact-portal small{
  color:#f0c56b!important;
  font-weight:800!important;
  opacity:1!important;
}
.contact-portal b{
  color:#fff!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.35!important;
  letter-spacing:0!important;
  opacity:1!important;
}
.contact-portal>span{
  background:rgba(255,255,255,.10)!important;
  color:#f0c56b!important;
  flex:0 0 45px;
}

/* Dark service/card metadata must remain visible. */
.service-card.portal-service>span,
.service-card.portal-service p,
.service-card.portal-service>b{
  opacity:1!important;
}
.service-card.portal-service>span{color:#d9e4ec!important}
.service-card.portal-service p{color:#dce7ee!important}
.service-card.portal-service>b{color:#f0c56b!important}

/* Hero visual panels: readable on both desktop and mobile. */
.hero-visual-panel small{color:#52687c!important;opacity:1!important}
.hero-visual-panel b{color:var(--pc-ink)!important;opacity:1!important}

/* Internal hero copy: never use washed-out text. */
.neo-hero-content .eyebrow,.inner-hero-copy .eyebrow{
  color:var(--pc-gold-strong)!important;
  opacity:1!important;
}
.neo-hero-content>p,.inner-hero-copy>p,
.hero-breadcrumb{
  opacity:1!important;
}

/* Small labels on light cards remain legible. */
.card-index,.leader-index,.matrix-card small,
.application-side p,.contact-info-panel>p,.map-copy p,
.gallery-card-body p{
  opacity:1!important;
}

/* Prevent ultra-tight heading tracking from reducing readability. */
.hero-copy h1,.neo-hero-content h1,.inner-hero-copy h1,
.section-intro h2,.intel-copy h2,.command-copy h2,.portal-copy h2,
.future-cta h2,.leadership-heading h2,.gallery-home-cta h2,
.products-intro h2,.mission-zone h2,.principles-zone h2,
.vision-zone h2,.command-intro h2,.support-title h2,
.application-zone h2,.contact-zone h2,.policy-page h2,
.grievance-section h2,.branches-section h2,.gallery-page h2,
.map-copy h2{
  font-kerning:normal!important;
  word-spacing:.015em!important;
}

@media(max-width:700px){
  .contact-portal b{font-size:13px!important}
  .contact-portal small{font-size:8px!important}
  .hero-visual-panel small,.hero-visual-panel b{opacity:1!important}
}

/* =========================================================
   V21 — PROFESSIONAL CORPORATE OFFICE / VISIT US SECTION
   Refines hierarchy, spacing, contrast and CTA presentation.
   ========================================================= */
.map-section{
  position:relative!important;
  overflow:hidden!important;
  padding:clamp(64px,7vw,96px) clamp(22px,8vw,120px)!important;
  background:#f7f9fb!important;
  border-top:1px solid rgba(8,27,51,.08)!important;
  border-bottom:1px solid rgba(8,27,51,.08)!important;
}
.map-section:before{
  content:""!important;
  position:absolute!important;
  width:420px!important;height:420px!important;
  right:-210px!important;top:-240px!important;
  border:1px solid rgba(197,138,50,.14)!important;
  border-radius:50%!important;
  box-shadow:0 0 0 34px rgba(197,138,50,.025),0 0 0 70px rgba(8,45,79,.018)!important;
  pointer-events:none!important;
}
.map-section:after{
  content:""!important;
  position:absolute!important;
  left:-90px!important;bottom:-120px!important;
  width:260px!important;height:260px!important;
  border:1px solid rgba(8,45,79,.055)!important;
  border-radius:50%!important;
  pointer-events:none!important;
}
.map-copy{
  padding:42px!important;
  border:1px solid rgba(8,27,51,.09)!important;
  border-radius:26px!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 20px 60px rgba(8,27,51,.075)!important;
  justify-content:flex-start!important;
}
.map-copy:after{display:none!important}
.map-copy .map-badge{
  align-self:flex-start!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:0 0 24px!important;
  padding:8px 13px!important;
  border:1px solid rgba(197,138,50,.22)!important;
  border-radius:999px!important;
  background:#fffaf1!important;
  color:#a96f18!important;
  font:700 10px/1 "DM Mono",monospace!important;
  letter-spacing:.16em!important;
  word-spacing:normal!important;
}
.map-copy .map-badge:first-letter{font-size:12px!important}
.map-copy h2{
  margin:0 0 26px!important;
  max-width:520px!important;
  font-size:clamp(48px,5.2vw,76px)!important;
  line-height:.96!important;
  letter-spacing:-2.8px!important;
  word-spacing:.02em!important;
  color:#071b33!important;
}
.map-copy h2 span{color:#c58a32!important}
.map-copy>p:not(.location-note){
  margin:0!important;
  max-width:520px!important;
  color:#52677d!important;
  font-size:14px!important;
  line-height:1.85!important;
}
.map-copy>p strong{
  display:inline-block!important;
  margin-bottom:5px!important;
  color:#071b33!important;
  font-size:15px!important;
  font-weight:800!important;
}
.map-copy .map-link{
  align-self:flex-start!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:48px!important;
  margin-top:26px!important;
  padding:13px 20px!important;
  border:1px solid #071b33!important;
  border-radius:12px!important;
  background:#071b33!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  box-shadow:0 10px 25px rgba(7,27,51,.12)!important;
  transition:transform .2s ease,background .2s ease,box-shadow .2s ease!important;
}
.map-copy .map-link:hover{
  transform:translateY(-2px)!important;
  background:#c58a32!important;
  border-color:#c58a32!important;
  color:#fff!important;
  box-shadow:0 14px 28px rgba(197,138,50,.18)!important;
}
.map-copy .location-note{
  margin:24px 0 0!important;
  padding:14px 16px!important;
  border:1px solid rgba(197,138,50,.22)!important;
  border-radius:14px!important;
  background:#fffaf1!important;
  color:#66543a!important;
  font-size:11px!important;
  line-height:1.7!important;
}
.map-frame{
  position:relative!important;
  min-height:100%!important;
  border:1px solid rgba(8,27,51,.10)!important;
  border-radius:26px!important;
  overflow:hidden!important;
  background:#e9eff3!important;
  box-shadow:0 20px 60px rgba(8,27,51,.11)!important;
}
.map-frame:before{
  content:"LOCATION / NOIDA"!important;
  position:absolute!important;
  z-index:2!important;
  left:18px!important;top:18px!important;
  padding:8px 11px!important;
  border:1px solid rgba(255,255,255,.55)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.92)!important;
  color:#071b33!important;
  font:700 9px/1 "DM Mono",monospace!important;
  letter-spacing:.13em!important;
  box-shadow:0 7px 18px rgba(7,27,51,.10)!important;
  pointer-events:none!important;
}
.map-frame iframe{
  min-height:430px!important;
  filter:saturate(.72) contrast(1.01)!important;
}
@media(max-width:900px){
  .map-section{
    grid-template-columns:1fr!important;
    gap:22px!important;
    padding:64px 6%!important;
  }
  .map-copy{padding:30px!important;border-radius:22px!important}
  .map-copy h2{font-size:clamp(42px,10vw,62px)!important;letter-spacing:-2px!important}
  .map-copy .map-link{width:auto!important}
  .map-frame{min-height:360px!important;border-radius:22px!important}
  .map-frame iframe{height:360px!important;min-height:360px!important}
}
@media(max-width:520px){
  .map-section{padding:50px 14px!important}
  .map-copy{padding:24px!important;border-radius:18px!important}
  .map-copy .map-badge{margin-bottom:20px!important}
  .map-copy h2{font-size:40px!important;line-height:1!important;letter-spacing:-1.5px!important;margin-bottom:20px!important}
  .map-copy>p:not(.location-note){font-size:13px!important;line-height:1.75!important}
  .map-copy>p strong{font-size:14px!important}
  .map-copy .map-link{width:100%!important;margin-top:22px!important}
  .map-copy .location-note{font-size:10px!important;margin-top:18px!important}
  .map-frame,.map-frame iframe{min-height:300px!important;height:300px!important;border-radius:18px!important}
  .map-frame:before{left:12px!important;top:12px!important;font-size:8px!important}
}

/* =========================================================
   V22 — PROFESSIONAL STEP / PROCESS SECTIONS
   Consistent premium treatment across all pages.
   ========================================================= */
.support-flow{
  padding:clamp(72px,8vw,112px) clamp(22px,8vw,120px)!important;
  background:linear-gradient(135deg,#071a2d 0%,#0b2946 58%,#123b60 100%)!important;
}
.support-title{position:relative;z-index:2}
.support-title .eyebrow{
  color:#e2b45e!important;
  opacity:1!important;
  font-weight:800!important;
  letter-spacing:.18em!important;
}
.support-title h2{
  color:#fff!important;
  font-size:clamp(42px,4.8vw,68px)!important;
  line-height:1.02!important;
  letter-spacing:-2.6px!important;
  margin:14px 0 0!important;
}
.support-title h2 span{color:#d8a653!important}
.support-steps{
  position:relative!important;
  z-index:2!important;
  gap:16px!important;
  align-items:stretch!important;
}
.support-steps>div{
  min-height:190px!important;
  padding:24px 22px 22px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(246,249,252,.96))!important;
  box-shadow:0 18px 45px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.8)!important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important;
}
.support-steps>div:hover{
  transform:translateY(-7px)!important;
  border-color:rgba(216,166,83,.55)!important;
  box-shadow:0 25px 55px rgba(0,0,0,.20)!important;
}
.support-steps b{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:34px!important;height:34px!important;
  border-radius:10px!important;
  background:#fff6e7!important;
  border:1px solid rgba(197,138,50,.22)!important;
  color:#b9791e!important;
  font:800 10px/1 "DM Mono",monospace!important;
}
.support-steps h4{
  margin:28px 0 9px!important;
  color:#071b33!important;
  font-size:21px!important;
  line-height:1.1!important;
  letter-spacing:-.35px!important;
}
.support-steps p{
  margin:0!important;
  color:#536a80!important;
  opacity:1!important;
  font-size:11px!important;
  line-height:1.75!important;
}

/* Process strip used on the Solutions/Products page */
.process-band{
  gap:48px!important;
  background:linear-gradient(135deg,#071a2d 0%,#0b2946 58%,#123b60 100%)!important;
}
.process-mini{
  justify-content:stretch!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
.process-mini span{
  flex:1 1 105px!important;
  width:auto!important;
  min-width:105px!important;
  height:118px!important;
  padding:16px 10px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.97)!important;
  color:#b9791e!important;
  box-shadow:0 16px 36px rgba(0,0,0,.13)!important;
  font:800 10px/1.45 "DM Mono",monospace!important;
}
.process-mini span b{
  color:#071b33!important;
  font:800 13px/1.1 Manrope,sans-serif!important;
}
.process-mini i{color:#e1b05b!important;font-size:18px!important;font-style:normal!important}

/* Application journey */
.app-steps>div{
  border:1px solid #dbe4eb!important;
  border-radius:16px!important;
  padding:17px 18px!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(8,27,51,.05)!important;
}
.app-steps>div.current{border-color:rgba(197,138,50,.45)!important;background:#fffaf2!important}
.app-steps b{color:#b9791e!important}
.app-steps strong{color:#071b33!important}
.app-steps small{color:#5c7186!important;opacity:1!important}

/* Home page flow list */
.flow-list>div{
  border:1px solid rgba(8,27,51,.10)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 12px 30px rgba(8,27,51,.055)!important;
  padding:17px 18px!important;
}
.flow-list b{color:#b9791e!important}
.flow-list strong{color:#071b33!important}
.flow-list small{color:#5c7186!important;opacity:1!important}

/* Grievance/support step rows */
.grievance-steps>div{
  border:1px solid #dbe4eb!important;
  border-radius:16px!important;
  padding:20px!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(8,27,51,.045)!important;
}
.grievance-steps p{color:#5c7186!important;opacity:1!important}

@media(max-width:800px){
  .support-flow{padding:70px 6%!important}
  .support-steps{gap:12px!important}
  .support-steps>div{min-height:0!important;padding:20px!important}
  .support-steps h4{margin-top:20px!important}
  .process-mini{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .process-mini i{display:none!important}
}
@media(max-width:520px){
  .support-flow{padding:52px 14px!important}
  .support-title h2{font-size:40px!important;letter-spacing:-1.5px!important}
  .support-steps>div{border-radius:17px!important}
  .process-mini{grid-template-columns:1fr!important}
  .process-mini span{min-width:0!important;width:100%!important;height:86px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:16px 18px!important}
}

/* =========================================================
   FINAL HEADER + FOOTER TYPOGRAPHY / LOGO OVERRIDE
   Explicitly placed last so it wins over all earlier theme rules.
   ========================================================= */
.navbar .brand,
.navbar .brand > span:last-child {
  font-size: 17px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: 1.15px !important;
}
.navbar .brand small {
  font-size: 9px !important;
  line-height: 1.2 !important;
  letter-spacing: 1.7px !important;
  margin-top: 5px !important;
}
.navbar #mainNav,
.navbar #mainNav > a,
.navbar #mainNav .login,
.navbar #mainNav .lang-toggle,
.navbar #mainNav .apply {
  font-size: 15px !important;
  line-height: 1.2 !important;
}
.navbar #mainNav > a {
  font-weight: 700 !important;
}
.navbar #mainNav .apply,
.navbar #mainNav .login {
  font-weight: 800 !important;
}

/* Header and footer use exactly the same logo box and image dimensions. */
.navbar .brand-logo,
footer .footer-brand .brand-logo {
  width: 112px !important;
  height: 54px !important;
  min-width: 112px !important;
  min-height: 54px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
}
.navbar .brand-logo img,
footer .footer-brand .brand-logo img {
  width: 108px !important;
  height: 52px !important;
  max-width: 108px !important;
  max-height: 52px !important;
  min-width: 108px !important;
  min-height: 52px !important;
  object-fit: contain !important;
  object-position: left center !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
}

footer .footer-brand,
footer .footer-brand > span:last-child {
  font-size: 17px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: 1.15px !important;
}
footer .footer-brand small {
  font-size: 9px !important;
  line-height: 1.2 !important;
  letter-spacing: 1.7px !important;
  margin-top: 5px !important;
}
footer h4 {
  font-size: 16px !important;
  line-height: 1.3 !important;
  font-weight: 800 !important;
}
footer a,
footer .footer-links a,
footer p,
footer .footer-chip,
footer .footer-bottom {
  font-size: 14px !important;
  line-height: 1.65 !important;
}
footer .footer-bottom {
  font-size: 13px !important;
}

@media (max-width: 520px) {
  .navbar .brand,
  .navbar .brand > span:last-child,
  footer .footer-brand,
  footer .footer-brand > span:last-child {
    font-size: 15px !important;
  }
  .navbar .brand small,
  footer .footer-brand small {
    font-size: 8px !important;
  }
  .navbar #mainNav,
  .navbar #mainNav > a,
  .navbar #mainNav .login,
  .navbar #mainNav .lang-toggle,
  .navbar #mainNav .apply {
    font-size: 14px !important;
  }
  .navbar .brand-logo,
  footer .footer-brand .brand-logo {
    width: 82px !important;
    height: 44px !important;
    min-width: 82px !important;
    min-height: 44px !important;
  }
  .navbar .brand-logo img,
  footer .footer-brand .brand-logo img {
    width: 80px !important;
    height: 42px !important;
    max-width: 80px !important;
    max-height: 42px !important;
    min-width: 80px !important;
    min-height: 42px !important;
  }
  footer h4 { font-size: 15px !important; }
  footer a, footer .footer-links a, footer p, footer .footer-chip { font-size: 14px !important; }
  footer .footer-bottom { font-size: 12px !important; }
}

/* =========================================================
   FINAL HEADER POSITION / ALIGNMENT FIX
   Keeps the approved font sizes while aligning all header
   content cleanly on one baseline and centering the brand.
   ========================================================= */
.navbar{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:24px !important;
}
.navbar .brand{
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:14px !important;
  height:54px !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1 !important;
}
.navbar .brand > span:last-child{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  height:54px !important;
  margin:0 !important;
  padding:0 !important;
  white-space:nowrap !important;
}
.navbar .brand small{
  display:block !important;
  margin:5px 0 0 !important;
  line-height:1 !important;
}
.navbar #mainNav{
  flex:1 1 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:5px !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
}
.navbar #mainNav > a:not(.apply):not(.login),
.navbar #mainNav > .login,
.navbar #mainNav > .apply,
.navbar #mainNav > .lang-toggle{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  vertical-align:middle !important;
  margin:0 !important;
  white-space:nowrap !important;
}
.navbar #mainNav > a:not(.apply):not(.login){
  height:42px !important;
  padding:0 8px !important;
}
.navbar #mainNav > .login{height:42px !important;padding:0 12px !important}
.navbar #mainNav > .apply{height:44px !important;padding:0 15px !important}
.navbar #mainNav > .lang-toggle{height:42px !important;padding:0 11px !important}

@media(max-width:1200px){
  .navbar{gap:14px !important}
  .navbar #mainNav{gap:2px !important}
  .navbar #mainNav > a:not(.apply):not(.login){padding:0 5px !important}
  .navbar .brand{gap:10px !important}
}

@media(max-width:800px){
  .navbar{height:70px !important;gap:10px !important}
  .navbar .brand{height:44px !important;gap:8px !important}
  .navbar .brand > span:last-child{height:44px !important}
  .navbar .menu-btn{margin-left:auto !important;align-self:center !important}
  .navbar #mainNav{height:auto !important}
}

/* =========================================================
   V5 HEADER POSITION REFINEMENT
   Preserve approved typography; prevent brand/nav collision.
   ========================================================= */
.navbar{
  padding-left:5.8% !important;
  padding-right:5.8% !important;
  gap:22px !important;
}
.navbar .brand{
  flex:0 0 340px !important;
  width:340px !important;
  min-width:340px !important;
  max-width:340px !important;
  gap:12px !important;
}
.navbar .brand > span:last-child{
  flex:0 0 auto !important;
  min-width:0 !important;
}
.navbar #mainNav{
  flex:1 1 auto !important;
  min-width:0 !important;
  gap:3px !important;
}
.navbar #mainNav > a:not(.apply):not(.login){
  padding-left:6px !important;
  padding-right:6px !important;
}
.navbar #mainNav > .login{padding-left:11px !important;padding-right:11px !important}
.navbar #mainNav > .apply{padding-left:14px !important;padding-right:14px !important}
.navbar #mainNav > .lang-toggle{padding-left:10px !important;padding-right:10px !important}

@media(max-width:1400px){
  .navbar{padding-left:4.8% !important;padding-right:4.8% !important;gap:16px !important}
  .navbar .brand{flex-basis:320px !important;width:320px !important;min-width:320px !important;max-width:320px !important;gap:10px !important}
  .navbar #mainNav{gap:1px !important}
  .navbar #mainNav > a:not(.apply):not(.login){padding-left:4px !important;padding-right:4px !important}
}

@media(max-width:1200px){
  .navbar .brand{flex-basis:300px !important;width:300px !important;min-width:300px !important;max-width:300px !important}
  .navbar #mainNav > .login{padding-left:9px !important;padding-right:9px !important}
  .navbar #mainNav > .apply{padding-left:11px !important;padding-right:11px !important}
  .navbar #mainNav > .lang-toggle{padding-left:8px !important;padding-right:8px !important}
}

@media(max-width:800px){
  .navbar{padding-left:6% !important;padding-right:6% !important;gap:10px !important}
  .navbar .brand{flex:0 0 auto !important;width:auto !important;min-width:0 !important;max-width:none !important;gap:8px !important}
}

/* FINAL TOP STATUS / RBI AWARENESS TICKER — V32 */
.top-status{
  height:54px !important;
  min-height:54px !important;
  width:100% !important;
  display:grid !important;
  grid-template-columns:minmax(230px,1fr) minmax(360px,1.35fr) minmax(390px,1fr) !important;
  align-items:center !important;
  gap:18px !important;
  padding:0 28px !important;
  overflow:hidden !important;
  background:linear-gradient(90deg,#071a31,#0d2948 50%,#071a31) !important;
  border:0 !important;
  color:#dce8f3 !important;
  font-family:"DM Mono",monospace !important;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:1 !important;
  letter-spacing:1.35px !important;
}
.top-status-side{
  min-width:0 !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  white-space:nowrap !important;
  overflow:hidden !important;
}
.top-status-left{justify-content:flex-start !important}
.top-status-right{justify-content:flex-end !important}
.top-status .status-dot{
  width:9px !important;height:9px !important;min-width:9px !important;
  margin-right:10px !important;
}
.top-status .build-badge{
  flex:0 0 auto !important;
  margin-left:0 !important;
  padding:7px 12px !important;
  border-radius:999px !important;
  font-size:11px !important;
  letter-spacing:1.05px !important;
}
.top-status .top-divider{margin:0 10px !important;color:rgba(239,197,108,.7) !important}
.rbi-ticker{
  position:relative !important;
  min-width:0 !important;
  height:42px !important;
  display:flex !important;
  align-items:center !important;
  overflow:hidden !important;
  border:1px solid rgba(239,197,108,.38) !important;
  border-radius:999px !important;
  background:rgba(197,138,50,.08) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025) !important;
}
.rbi-ticker::before,.rbi-ticker::after{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  width:42px !important;
  z-index:2 !important;
  pointer-events:none !important;
}
.rbi-ticker::before{left:0 !important;background:linear-gradient(90deg,#102c45,transparent) !important}
.rbi-ticker::after{right:0 !important;background:linear-gradient(270deg,#102c45,transparent) !important}
.rbi-ticker-track{
  display:flex !important;
  width:max-content !important;
  min-width:100% !important;
  align-items:center !important;
  gap:34px !important;
  white-space:nowrap !important;
  animation:rbiAwarenessScroll 48s linear infinite !important;
  will-change:transform !important;
}
.rbi-ticker-item{
  display:inline-flex !important;
  align-items:center !important;
  color:#f3d58d !important;
  font-family:Manrope,"Noto Sans Devanagari",Arial,sans-serif !important;
  font-size:15px !important;
  font-weight:800 !important;
  letter-spacing:.35px !important;
}
.rbi-ticker-item::before{content:"‹‹" !important;margin-right:12px !important;color:#e8b955 !important;font-family:"DM Mono",monospace !important}
.rbi-ticker-item::after{content:"››" !important;margin-left:12px !important;color:#e8b955 !important;font-family:"DM Mono",monospace !important}
.rbi-ticker-separator{color:#e7bc6d !important;font-size:15px !important}
@keyframes rbiAwarenessScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.rbi-ticker-track{animation:none !important}}
@media(max-width:1200px){
  .top-status{grid-template-columns:1fr minmax(330px,1.2fr) 1fr !important;gap:10px !important;padding:0 18px !important;font-size:12px !important}
  .top-status .build-badge{font-size:10px !important;padding:6px 9px !important}
  .rbi-ticker-item{font-size:14px !important}
}
@media(max-width:800px){
  .top-status{height:54px !important;min-height:54px !important;display:flex !important;justify-content:center !important;padding:0 14px !important}
  .top-status-left,.top-status-right{display:none !important}
  .rbi-ticker{width:100% !important;height:42px !important}
  .rbi-ticker-item{font-size:14px !important}
}
@media(max-width:520px){
  .top-status{height:52px !important;min-height:52px !important;padding:0 9px !important}
  .rbi-ticker{height:40px !important}
  .rbi-ticker-item{font-size:13px !important}
  .rbi-ticker-track{gap:24px !important;animation-duration:55s !important}
}

/* =========================================================
   FINAL LOGO CONSISTENCY FIX — V7
   Header and footer must render the exact same source logo
   at the same visual size, without footer-specific scaling,
   filters, glow, borders, or background treatment.
   ========================================================= */
.navbar .brand-logo,
footer .footer-brand .brand-logo{
  width:112px !important;
  height:54px !important;
  min-width:112px !important;
  min-height:54px !important;
  max-width:112px !important;
  max-height:54px !important;
  flex:0 0 112px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  overflow:hidden !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  filter:none !important;
  opacity:1 !important;
  transform:none !important;
}

.navbar .brand-logo img,
footer .footer-brand .brand-logo img{
  width:108px !important;
  height:52px !important;
  min-width:108px !important;
  min-height:52px !important;
  max-width:108px !important;
  max-height:52px !important;
  flex:0 0 108px !important;
  display:block !important;
  object-fit:contain !important;
  object-position:center center !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  filter:none !important;
  opacity:1 !important;
  transform:none !important;
  image-rendering:auto !important;
}

/* Remove legacy footer-only logo sizing at every breakpoint. */
footer .footer-brand .brand-logo,
footer .footer-brand .brand-logo img{
  width:112px !important;
  height:54px !important;
  min-width:112px !important;
  min-height:54px !important;
  max-width:112px !important;
  max-height:54px !important;
  flex-basis:112px !important;
}
footer .footer-brand .brand-logo img{
  width:108px !important;
  height:52px !important;
  min-width:108px !important;
  min-height:52px !important;
  max-width:108px !important;
  max-height:52px !important;
  flex-basis:108px !important;
}

@media(max-width:800px){
  .navbar .brand-logo,
  footer .footer-brand .brand-logo{
    width:82px !important;
    height:44px !important;
    min-width:82px !important;
    min-height:44px !important;
    max-width:82px !important;
    max-height:44px !important;
    flex-basis:82px !important;
  }
  .navbar .brand-logo img,
  footer .footer-brand .brand-logo img{
    width:80px !important;
    height:42px !important;
    min-width:80px !important;
    min-height:42px !important;
    max-width:80px !important;
    max-height:42px !important;
    flex-basis:80px !important;
  }
}

@media(max-width:520px){
  .navbar .brand-logo,
  footer .footer-brand .brand-logo{
    width:82px !important;
    height:44px !important;
    min-width:82px !important;
    min-height:44px !important;
    max-width:82px !important;
    max-height:44px !important;
    flex-basis:82px !important;
  }
  .navbar .brand-logo img,
  footer .footer-brand .brand-logo img{
    width:80px !important;
    height:42px !important;
    min-width:80px !important;
    min-height:42px !important;
    max-width:80px !important;
    max-height:42px !important;
    flex-basis:80px !important;
  }
}

/* =========================================================
   V20 — EXACT HEADER / FOOTER LOGO PRESENTATION
   Keep the complete brand text. Only synchronize the logo
   artwork presentation to match the supplied reference.
   ========================================================= */
.navbar .brand,
footer .footer-brand{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
}

.navbar .brand-logo,
footer .footer-brand .brand-logo{
  width:132px !important;
  height:82px !important;
  min-width:132px !important;
  min-height:82px !important;
  max-width:132px !important;
  max-height:82px !important;
  flex:0 0 132px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  filter:none !important;
  opacity:1 !important;
  transform:none !important;
}

.navbar .brand-logo img,
footer .footer-brand .brand-logo img{
  width:128px !important;
  height:80px !important;
  min-width:128px !important;
  min-height:80px !important;
  max-width:128px !important;
  max-height:80px !important;
  flex:0 0 128px !important;
  display:block !important;
  object-fit:contain !important;
  object-position:center center !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  filter:none !important;
  opacity:1 !important;
  transform:none !important;
}

/* Keep the company name beside the logo exactly as in the original site. */
.navbar .brand > span:last-child,
footer .footer-brand > span:last-child{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  white-space:nowrap !important;
}

/* Header must have enough vertical room for the reference-sized logo. */
.navbar{
  min-height:96px !important;
}

@media(max-width:1250px){
  .navbar .brand-logo,
  footer .footer-brand .brand-logo{
    width:116px !important;
    height:76px !important;
    min-width:116px !important;
    min-height:76px !important;
    max-width:116px !important;
    max-height:76px !important;
    flex-basis:116px !important;
  }
  .navbar .brand-logo img,
  footer .footer-brand .brand-logo img{
    width:112px !important;
    height:74px !important;
    min-width:112px !important;
    min-height:74px !important;
    max-width:112px !important;
    max-height:74px !important;
    flex-basis:112px !important;
  }
}

@media(max-width:800px){
  .navbar{
    min-height:76px !important;
    height:76px !important;
  }
  .navbar .brand{
    gap:8px !important;
  }
  .navbar .brand-logo,
  footer .footer-brand .brand-logo{
    width:92px !important;
    height:64px !important;
    min-width:92px !important;
    min-height:64px !important;
    max-width:92px !important;
    max-height:64px !important;
    flex-basis:92px !important;
  }
  .navbar .brand-logo img,
  footer .footer-brand .brand-logo img{
    width:88px !important;
    height:62px !important;
    min-width:88px !important;
    min-height:62px !important;
    max-width:88px !important;
    max-height:62px !important;
    flex-basis:88px !important;
  }
}

@media(max-width:520px){
  .navbar .brand-logo,
  footer .footer-brand .brand-logo{
    width:82px !important;
    height:58px !important;
    min-width:82px !important;
    min-height:58px !important;
    max-width:82px !important;
    max-height:58px !important;
    flex-basis:82px !important;
  }
  .navbar .brand-logo img,
  footer .footer-brand .brand-logo img{
    width:78px !important;
    height:56px !important;
    min-width:78px !important;
    min-height:56px !important;
    max-width:78px !important;
    max-height:56px !important;
    flex-basis:78px !important;
  }
}

/* =========================================================
   V21 — FOOTER LOGO COLOR / BACKGROUND CONSISTENCY
   The source logo contains a black PHOENIX wordmark. On the
   dark footer it must be rendered on white, just like the
   header, so PHOENIX / CAPITAL INDIA PVT LTD remain solid and
   visually identical to the header logo.
   ========================================================= */
footer .footer-brand .brand-logo{
  background:#fff !important;
  opacity:1 !important;
  filter:none !important;
  mix-blend-mode:normal !important;
  overflow:hidden !important;
}
footer .footer-brand .brand-logo img{
  opacity:1 !important;
  filter:none !important;
  mix-blend-mode:normal !important;
  background:#fff !important;
  object-fit:contain !important;
}

/* =========================================================
   V22 FINAL CLEAN HEADER / SPACING / ENGLISH-ONLY OVERRIDE
   ========================================================= */
.top-status{
  height:38px !important;
  min-height:38px !important;
  padding:0 24px !important;
  display:grid !important;
  grid-template-columns:minmax(210px,1fr) minmax(360px,1.25fr) minmax(210px,1fr) !important;
  align-items:center !important;
  gap:16px !important;
}
.rbi-ticker{height:30px !important;}
.rbi-ticker-item{font-size:13px !important;}
.navbar{
  height:84px !important;
  min-height:84px !important;
  padding:0 5.2% !important;
  gap:28px !important;
  overflow:visible !important;
}
.navbar .brand{
  flex:0 0 310px !important;
  width:310px !important;
  min-width:310px !important;
  max-width:310px !important;
  height:74px !important;
  gap:12px !important;
  overflow:visible !important;
}
.navbar .brand-logo{
  width:118px !important;
  height:72px !important;
  min-width:118px !important;
  min-height:72px !important;
  max-width:118px !important;
  max-height:72px !important;
  flex:0 0 118px !important;
}
.navbar .brand-logo img{
  width:114px !important;
  height:70px !important;
  min-width:114px !important;
  min-height:70px !important;
  max-width:114px !important;
  max-height:70px !important;
}
.navbar .brand > span:last-child{
  height:70px !important;
  justify-content:center !important;
}
.navbar #mainNav{
  flex:1 1 auto !important;
  min-width:0 !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:5px !important;
  flex-wrap:nowrap !important;
  overflow:visible !important;
}
.navbar #mainNav > a:not(.apply):not(.login){padding:0 7px !important;}
.navbar #mainNav > .login{padding:0 12px !important;}
.navbar #mainNav > .apply{padding:0 15px !important;}
.navbar .menu-btn{display:none !important;}

/* No language selector in the final English-only header. */
#langToggle,.lang-toggle{display:none !important;}

/* Clean vertical separation after the navigation/header. */
.neo-page-hero,
.page-hero,
.gallery-hero{margin-top:0 !important;}
.gallery-page{padding-top:64px !important;}

/* Gallery always uses real image area with no broken-image layout. */
.gallery-grid{gap:24px !important;}
.gallery-image-wrap{min-height:300px !important;background:#e9edf3 !important;}
.gallery-image-wrap img{width:100% !important;height:100% !important;object-fit:cover !important;}

@media (max-width:1400px){
  .navbar{gap:16px !important;}
  .navbar .brand{
    flex:0 0 300px !important;width:300px !important;min-width:300px !important;max-width:300px !important;
  }
  .navbar #mainNav{
    display:none !important;
    position:absolute !important;
    top:84px !important;
    left:18px !important;
    right:18px !important;
    width:auto !important;
    padding:14px !important;
    background:#fff !important;
    border:1px solid var(--line) !important;
    border-radius:16px !important;
    box-shadow:0 18px 45px rgba(16,32,51,.14) !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:4px !important;
    max-height:calc(100vh - 105px) !important;
    overflow-y:auto !important;
    z-index:100 !important;
  }
  .navbar #mainNav.open{display:flex !important;}
  .navbar #mainNav > a:not(.apply):not(.login),
  .navbar #mainNav > .login,
  .navbar #mainNav > .apply{
    width:100% !important;min-height:44px !important;height:auto !important;
    justify-content:flex-start !important;padding:11px 14px !important;
  }
  .navbar .menu-btn{
    display:grid !important;place-items:center !important;
    width:44px !important;height:44px !important;flex:0 0 44px !important;
    margin-left:auto !important;padding:0 !important;border:1px solid var(--line) !important;
    border-radius:11px !important;background:#fff !important;cursor:pointer !important;
    font-size:24px !important;line-height:1 !important;
  }
}

@media (max-width:800px){
  .top-status{height:34px !important;min-height:34px !important;padding:0 10px !important;}
  .top-status-left,.top-status-right{display:none !important;}
  .rbi-ticker{height:28px !important;width:100% !important;}
  .rbi-ticker-item{font-size:12px !important;}
  .navbar,.navbar.scrolled{height:78px !important;min-height:78px !important;padding:0 14px !important;}
  .navbar .brand{height:62px !important;flex:1 1 auto !important;width:auto !important;min-width:0 !important;max-width:calc(100% - 54px) !important;gap:8px !important;}
  .navbar .brand-logo{width:88px !important;height:60px !important;min-width:88px !important;max-width:88px !important;flex-basis:88px !important;}
  .navbar .brand-logo img{width:84px !important;height:58px !important;min-width:84px !important;max-width:84px !important;}
  .navbar .brand > span:last-child{height:58px !important;min-width:0 !important;}
  .navbar .brand small{font-size:7px !important;letter-spacing:1px !important;}
  .navbar #mainNav{top:78px !important;left:10px !important;right:10px !important;}
  .gallery-page{padding-top:48px !important;}
}

/* =========================================================
   V24 — FOOTER USES logo-white.svg
   Keep header logo unchanged. Footer uses the dedicated white
   wordmark asset so it reads clearly on the dark footer.
   ========================================================= */
footer .footer-brand .brand-logo{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  filter:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
}
footer .footer-brand .brand-logo img{
  background:transparent !important;
  filter:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
  object-fit:contain !important;
  object-position:center !important;
}

/* Policy reader */
.policy-reader{max-width:1400px;margin:0 auto;padding:78px 6vw 110px;background:#f7f9fc}
.policy-reader-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:24px}
.policy-reader-toolbar h2{margin:7px 0 6px;color:var(--pc-navy);font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.05}
.policy-reader-toolbar p:not(.eyebrow){margin:0;color:#687485}
.policy-reader-note{margin-top:18px;padding:18px 20px;border:1px solid rgba(197,138,50,.22);border-radius:14px;background:#fffaf1;color:#66543a;line-height:1.6}

.leader-photo-placeholder,.team-photo-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#eaf1f5,#fff);color:var(--pc-gold);font:800 58px/1 "Manrope",sans-serif;border-radius:inherit}.leader-empty{grid-column:1/-1;padding:30px;border:1px dashed #cfd9e1;border-radius:18px;color:var(--pc-muted);text-align:center}.team-photo-placeholder{border-radius:18px}.team-card p{line-height:1.65}

/* Leadership detail page */
.leader-detail-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.team-detail-link{position:static;transform:none;margin-top:16px}
.team-detail-link:hover{transform:translateY(-2px)}
.leadership-detail-page{padding:95px 6vw 120px;background:linear-gradient(180deg,#fff,#f5f8fa)}
.leadership-detail-layout{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:70px;align-items:start}
.leadership-profile-card{position:sticky;top:110px;padding:28px;background:#fff;border:1px solid rgba(8,27,51,.09);border-radius:24px;box-shadow:0 18px 50px rgba(8,27,51,.07)}
.leadership-profile-photo{width:100%;aspect-ratio:1/1;border-radius:20px;overflow:hidden;margin-bottom:25px;background:linear-gradient(145deg,#eef4f7,#fff);border:1px solid rgba(197,138,50,.28)}
.leadership-profile-photo img{width:100%;height:100%;object-fit:cover;display:block}
.leadership-profile-card h2{margin:5px 0 5px;font-size:32px;letter-spacing:-1.5px;color:var(--pc-navy)}
.leadership-profile-role{margin:0;color:var(--pc-gold);font-weight:800;text-transform:uppercase;letter-spacing:.8px}
.leadership-detail-content{min-width:0}
.detail-block{margin-bottom:48px}
.detail-block h2{margin:8px 0 16px;color:var(--pc-navy);font-size:clamp(34px,4.2vw,58px);line-height:1.03;letter-spacing:-2.5px}
.detail-block h2 span{color:var(--pc-gold)}
.detail-block h3{font-size:28px;color:var(--pc-navy);margin:8px 0 12px}
.detail-block>p:not(.eyebrow){max-width:760px;color:var(--pc-muted);font-size:15px;line-height:1.9}
.detail-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:50px}
.detail-stat{padding:22px;border:1px solid rgba(8,27,51,.09);border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(8,27,51,.045)}
.detail-stat span{display:block;font:700 9px/1.3 "DM Mono",monospace;letter-spacing:1.2px;color:#81909d;margin-bottom:10px}
.detail-stat strong{display:block;color:var(--pc-navy);font-size:14px;line-height:1.55}
.expertise-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.expertise-list span{padding:10px 14px;border:1px solid #dbe5eb;border-radius:999px;background:#fff;color:#536b7b;font:700 10px/1.2 "DM Mono",monospace}
.governance-note{padding:28px;border:1px solid rgba(197,138,50,.2);border-radius:20px;background:#fffaf1}
@media(max-width:900px){.leadership-detail-layout{grid-template-columns:1fr;gap:35px}.leadership-profile-card{position:static;max-width:500px}.detail-stat-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.leadership-detail-page{padding:65px 18px 85px}.leadership-detail-layout{gap:25px}.leadership-profile-card{padding:20px}.detail-stat-grid{grid-template-columns:1fr}.detail-block h2{letter-spacing:-1.8px}.team-detail-link{width:100%;max-width:240px}}


/* Leadership profile — simplified public detail page */
.leadership-simple-page{padding:90px 6vw 120px;background:linear-gradient(180deg,#fff,#f6f9fb)}
.leadership-simple-card{max-width:920px;margin:0 auto;text-align:center;padding:58px clamp(24px,5vw,72px);background:#fff;border:1px solid rgba(8,27,51,.09);border-radius:28px;box-shadow:0 22px 65px rgba(8,27,51,.08)}
.leadership-simple-card h2{margin:8px 0 8px;color:var(--pc-navy);font-size:clamp(38px,5vw,64px);line-height:1.03;letter-spacing:-2.5px}
.leadership-simple-designation{margin:0;color:var(--pc-gold);font-weight:800;font-size:15px;letter-spacing:1.2px;text-transform:uppercase}
.leadership-simple-description{max-width:720px;margin:28px auto 0}
.leadership-simple-description p{margin:0;color:var(--pc-muted);font-size:16px;line-height:1.9}
.leadership-social-section{margin-top:42px;padding-top:32px;border-top:1px solid rgba(8,27,51,.09)}
.leadership-social-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin-top:18px}
.leadership-social-links a{display:inline-flex;align-items:center;gap:9px;padding:11px 15px;border:1px solid #dbe5eb;border-radius:999px;background:#fff;color:var(--pc-navy);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.leadership-social-links a:hover,.leadership-social-links a:focus-visible{transform:translateY(-2px);border-color:rgba(197,138,50,.5);box-shadow:0 10px 24px rgba(8,27,51,.08)}
.leadership-social-links a span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#eef3f6;color:var(--pc-navy);font:800 12px/1 "Manrope",sans-serif}
.leadership-social-links a b{font-size:12px;letter-spacing:.2px}
.leadership-social-empty{color:var(--pc-muted);font-size:13px}
.leadership-back-button{display:inline-flex;margin-top:34px}
@media(max-width:560px){.leadership-simple-page{padding:60px 18px 80px}.leadership-simple-card{padding:38px 20px;border-radius:22px}.leadership-social-links{gap:9px}.leadership-social-links a{padding:9px 12px}.leadership-simple-description p{font-size:15px;line-height:1.75}}

/* Leadership social links on full profile page */
.leadership-social-detail{margin-top:8px}
.leadership-social-detail>p:not(.eyebrow){margin-bottom:18px}
.leadership-social-detail .leadership-social-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.leadership-social-detail .leadership-social-links a{display:inline-flex;align-items:center;gap:9px;padding:11px 15px;border:1px solid #dbe5eb;border-radius:999px;background:#fff;color:var(--pc-navy);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.leadership-social-detail .leadership-social-links a:hover,.leadership-social-detail .leadership-social-links a:focus-visible{transform:translateY(-2px);border-color:rgba(197,138,50,.5);box-shadow:0 10px 24px rgba(8,27,51,.08)}
.leadership-social-detail .leadership-social-links a span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#eef3f6;color:var(--pc-navy);font:800 12px/1 "Manrope",sans-serif}
.leadership-social-detail .leadership-social-links a b{font-size:12px;letter-spacing:.2px}
@media(max-width:560px){.leadership-social-detail .leadership-social-links{gap:9px}.leadership-social-detail .leadership-social-links a{padding:9px 12px}}

/* =========================================================
   Professional Team / Leadership Directory
   ========================================================= */
.team-hero-pro{position:relative;overflow:hidden;min-height:590px;background:var(--pc-navy);color:#fff;padding:118px clamp(24px,6vw,92px) 34px;border-bottom:1px solid rgba(255,255,255,.1)}
.team-hero-grid{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,#000,transparent 78%)}
.team-hero-pro:after{content:"";position:absolute;width:620px;height:620px;right:-190px;top:-190px;border:1px solid rgba(197,138,50,.22);border-radius:50%;box-shadow:0 0 0 80px rgba(197,138,50,.035),0 0 0 160px rgba(197,138,50,.025);pointer-events:none}
.team-hero-inner{position:relative;z-index:2;max-width:1400px;margin:auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:70px;align-items:center;min-height:425px}
.team-hero-copy{max-width:790px}
.team-kicker{display:flex;align-items:center;gap:14px;font:700 10px/1 "DM Mono",monospace;letter-spacing:1.8px;color:#b9c7d1;margin-bottom:25px}
.team-breadcrumb{display:flex;gap:11px;align-items:center;font:600 9px/1 "DM Mono",monospace;letter-spacing:1.5px;color:#8fa1ae;margin-bottom:34px}.team-breadcrumb a{color:#c5d0d8;text-decoration:none}.team-breadcrumb span:nth-child(2){color:var(--pc-gold)}
.team-hero-copy h1{font-size:clamp(58px,7vw,105px);line-height:.9;letter-spacing:-6px;margin:0;color:#fff;font-weight:800}.team-hero-copy h1 em{font-style:normal;color:var(--pc-gold)}
.team-hero-copy>p{max-width:600px;margin:32px 0 0;color:#b8c5cd;font-size:15px;line-height:1.9}
.team-hero-side{display:flex;justify-content:flex-end;align-items:center;gap:36px;min-height:330px}.team-orbit{position:relative;width:250px;height:250px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center}.team-orbit:before,.team-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(197,138,50,.28)}.team-orbit:before{inset:27px}.team-orbit:after{inset:62px}.team-orbit b{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--pc-navy);font-size:25px;letter-spacing:-1px;box-shadow:0 20px 55px rgba(0,0,0,.2)}.team-orbit span{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--pc-gold)}.team-orbit span:nth-child(1){top:19px;left:50%}.team-orbit span:nth-child(2){right:34px;bottom:64px}.team-orbit span:nth-child(3){left:43px;bottom:39px}
.team-hero-side-label{border-left:1px solid rgba(255,255,255,.18);padding-left:26px}.team-hero-side-label span{display:block;font:700 8px/1.4 "DM Mono",monospace;letter-spacing:1.8px;color:#8fa1ae;margin-bottom:14px}.team-hero-side-label strong{font-size:20px;line-height:1.1;letter-spacing:-.6px}
.team-hero-meta{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:20px;color:#8094a1;font:700 8px/1.4 "DM Mono",monospace;letter-spacing:1.4px}

.team-directory-pro{padding:120px clamp(22px,6vw,92px);background:linear-gradient(180deg,#fff 0%,#f6f9fb 100%)}
.team-directory-head{max-width:1400px;margin:0 auto 56px;display:grid;grid-template-columns:1fr .72fr;gap:80px;align-items:end}.team-directory-head h2{margin:12px 0 0;font-size:clamp(42px,5.2vw,74px);line-height:.98;letter-spacing:-4px;color:var(--pc-navy)}.team-directory-head h2 span{color:var(--pc-gold)}.team-directory-intro{padding-bottom:5px}.team-index{display:block;font:700 9px/1 "DM Mono",monospace;letter-spacing:1.6px;color:var(--pc-gold);margin-bottom:16px}.team-directory-intro p{margin:0;color:var(--pc-muted);font-size:13px;line-height:1.9;max-width:510px}
.team-directory-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.team-profile-card{background:#fff;border:1px solid rgba(8,27,51,.09);box-shadow:0 16px 45px rgba(8,27,51,.055);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;overflow:hidden}.team-profile-card:hover{transform:translateY(-7px);box-shadow:0 24px 60px rgba(8,27,51,.11);border-color:rgba(197,138,50,.28)}
.team-profile-image{display:block;position:relative;aspect-ratio:1.08/1;background:#eaf0f3;overflow:hidden;text-decoration:none}.team-profile-image img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92);transition:transform .5s ease,filter .5s ease}.team-profile-card:hover .team-profile-image img{transform:scale(1.035);filter:saturate(1)}.team-profile-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(8,27,51,.22));pointer-events:none}.team-profile-arrow{position:absolute;right:18px;top:18px;z-index:2;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--pc-navy);font-size:18px;box-shadow:0 8px 22px rgba(8,27,51,.14);transition:background .2s ease,color .2s ease}.team-profile-card:hover .team-profile-arrow{background:var(--pc-gold);color:#fff}.team-profile-number{position:absolute;left:18px;bottom:16px;z-index:2;color:#fff;font:700 9px/1 "DM Mono",monospace;letter-spacing:1.5px}
.team-profile-content{padding:25px 25px 20px}.team-profile-designation{margin:0 0 7px;color:var(--pc-gold);font:800 9px/1.3 "DM Mono",monospace;letter-spacing:1.3px;text-transform:uppercase}.team-profile-content h3{margin:0;color:var(--pc-navy);font-size:27px;line-height:1.1;letter-spacing:-1.2px}.team-profile-bio{margin:18px 0 0;color:var(--pc-muted);font-size:13px;line-height:1.75;min-height:68px}.team-profile-footer{margin-top:23px;padding-top:15px;border-top:1px solid #e3e9ed;display:flex;justify-content:space-between;align-items:center;gap:15px}.team-profile-footer>span{color:#92a0aa;font:700 8px/1 "DM Mono",monospace;letter-spacing:1.1px}.team-profile-footer a{color:var(--pc-navy);font-size:11px;font-weight:800;text-decoration:none}.team-profile-footer a b{color:var(--pc-gold);margin-left:5px;font-size:15px}.team-profile-footer a:hover{color:var(--pc-gold)}
.team-directory-empty{grid-column:1/-1;text-align:center;padding:70px 30px;border:1px dashed #cbd7df;background:#fff}.team-directory-empty span{font:700 9px/1 "DM Mono",monospace;color:var(--pc-gold);letter-spacing:1.5px}.team-directory-empty h3{margin:14px 0 6px;color:var(--pc-navy);font-size:22px}.team-directory-empty p{margin:0;color:var(--pc-muted);font-size:13px}

.team-values-pro{padding:105px clamp(22px,6vw,92px);background:#f0f4f6;border-top:1px solid #dce5ea}.team-values-top{max-width:1400px;margin:0 auto 45px;display:flex;justify-content:space-between;align-items:center;gap:20px}.team-values-top>span{font:700 8px/1 "DM Mono",monospace;letter-spacing:1.4px;color:#8b9ba5}.team-values-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.team-value-intro h2{margin:10px 0 25px;color:var(--pc-navy);font-size:clamp(45px,5vw,72px);line-height:.98;letter-spacing:-4px}.team-value-intro h2 span{color:var(--pc-gold)}.team-value-intro p{max-width:560px;margin:0;color:var(--pc-muted);font-size:14px;line-height:1.9}.team-value-list{border-top:1px solid #cfd9df}.team-value-list div{display:grid;grid-template-columns:55px 1fr;gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid #cfd9df}.team-value-list strong{font:700 10px/1 "DM Mono",monospace;color:var(--pc-gold)}.team-value-list span{color:var(--pc-navy);font-size:15px;font-weight:800}.team-final-cta{margin-top:0}

@media(max-width:1100px){.team-hero-inner{grid-template-columns:1fr}.team-hero-side{display:none}.team-directory-head{grid-template-columns:1fr;gap:25px}.team-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-values-grid{gap:55px}}
@media(max-width:700px){.team-hero-pro{min-height:auto;padding:95px 20px 25px}.team-hero-copy h1{font-size:clamp(50px,15vw,76px);letter-spacing:-4px}.team-hero-copy>p{font-size:13px;line-height:1.8}.team-hero-meta{flex-direction:column;gap:9px;padding-top:20px}.team-directory-pro{padding:75px 18px}.team-directory-head{margin-bottom:38px}.team-directory-head h2{font-size:clamp(40px,12vw,56px);letter-spacing:-2.8px}.team-directory-grid{grid-template-columns:1fr;gap:16px}.team-profile-content{padding:22px 20px 18px}.team-profile-content h3{font-size:25px}.team-profile-bio{min-height:0}.team-values-pro{padding:70px 18px}.team-values-top{margin-bottom:30px}.team-values-grid{grid-template-columns:1fr;gap:45px}.team-value-intro h2{font-size:clamp(44px,13vw,58px);letter-spacing:-3px}.team-value-list div{grid-template-columns:42px 1fr;padding:18px 0}.team-value-list span{font-size:14px}}


/* FINAL REQUEST PATCH — social brand icons, justified paragraphs and visitor counter */
body p{
  text-align:justify;
  text-justify:inter-word;
}
.social-rail-btn span i{font-size:14px;line-height:1;}
.social-rail-btn.linkedin span{background:#0a66c2;}
.social-rail-btn.whatsapp span{background:#25d366;}
.social-rail-btn.facebook span{background:#1877f2;}
.social-rail-btn.instagram span{background:linear-gradient(135deg,#833ab4,#fd1d1d 55%,#fcb045);}
.social-rail-btn.youtube span{background:#ff0000;}
.social-rail-btn.x span{background:#000;}
.visitor-counter{display:inline-flex;align-items:center;gap:7px;font:700 10px/1 "DM Mono",monospace;letter-spacing:.6px;text-transform:uppercase;}
.visitor-counter strong{font-size:11px;color:var(--pc-gold-strong);}
.matrix-card,.solution-card{
  background-size:cover !important;
  background-position:center !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.18) !important;
  text-shadow:0 2px 14px rgba(0,0,0,.45);
}
.matrix-card::before,.solution-card::before{
  content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,18,31,.18),rgba(4,18,31,.82));z-index:0;pointer-events:none;
}
.matrix-card>* ,.solution-card>*{position:relative;z-index:1;}
.matrix-card small,.matrix-card p,.matrix-card h3,.solution-card small,.solution-card p,.solution-card h3,.solution-card .card-index{color:#fff !important;}
.matrix-card a{position:relative;z-index:2;}
.matrix-card.featured,.matrix-card.gold-matrix,.dark-card,.gold-card{background-color:transparent !important;}
.policy-document{max-width:1050px;margin:0 auto;padding:10px 0 30px;}
.policy-document h3{margin:34px 0 12px;color:var(--pc-navy);font-size:21px;line-height:1.25;}
.policy-document h4{margin:26px 0 10px;color:var(--pc-navy);font-size:16px;}
.policy-document p{margin:0 0 15px;color:#4e6478;line-height:1.85;font-size:14px;}
.policy-document ul{margin:0 0 20px;padding-left:22px;color:#4e6478;}
.policy-document li{margin:0 0 9px;line-height:1.7;font-size:14px;}
.policy-document .policy-note{padding:18px 20px;margin:22px 0;border-left:3px solid var(--pc-gold);background:#fff8eb;border-radius:0 12px 12px 0;color:#53697d;}
.policy-reader{padding:90px 8%;background:#f5f8fb;}
.policy-reader-toolbar{margin-bottom:26px;}
@media(max-width:700px){.visitor-counter{font-size:8px}.visitor-counter strong{font-size:9px}.policy-document p,.policy-document li{font-size:13px;line-height:1.75;}}


/* ================================================================
   PRODUCT MATRIX — FINAL VISUAL CORRECTION
   Real product photography, readable copy and clean CTA placement.
   ================================================================ */
.product-matrix .matrix-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:390px!important;
  padding:30px!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background-color:#102033!important;
  background-image:var(--card-image)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  border:1px solid rgba(255,255,255,.20)!important;
  color:#fff!important;
}
.product-matrix .matrix-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background:linear-gradient(180deg,rgba(5,20,35,.16) 0%,rgba(5,20,35,.30) 34%,rgba(5,20,35,.88) 100%)!important;
  pointer-events:none!important;
}
.product-matrix .matrix-card > *{
  position:relative!important;
  z-index:1!important;
}
.product-matrix .matrix-no{
  top:22px!important;
  right:24px!important;
  color:rgba(255,255,255,.68)!important;
}
.product-matrix .matrix-symbol{
  margin-top:4px!important;
  width:48px!important;
  height:48px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(232,192,108,.65)!important;
  color:#e8c06c!important;
  background:rgba(8,27,51,.34)!important;
  backdrop-filter:blur(6px)!important;
}
.product-matrix .matrix-card p{
  margin-top:28px!important;
  margin-bottom:0!important;
  color:#f4d48d!important;
  font-weight:800!important;
  letter-spacing:1.4px!important;
}
.product-matrix .matrix-card h3{
  margin:15px 0 10px!important;
  color:#fff!important;
  text-shadow:0 3px 18px rgba(0,0,0,.42)!important;
}
.product-matrix .matrix-card small{
  display:block!important;
  margin:0!important;
  max-width:100%!important;
  color:#f4f7fa!important;
  line-height:1.75!important;
  font-weight:600!important;
  text-shadow:0 2px 12px rgba(0,0,0,.55)!important;
}
.product-matrix .matrix-card a{
  position:relative!important;
  left:auto!important;
  bottom:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  width:max-content!important;
  margin-top:auto!important;
  padding-top:18px!important;
  color:#f0c35f!important;
  font-size:12px!important;
  font-weight:900!important;
  text-decoration:none!important;
  text-shadow:0 2px 10px rgba(0,0,0,.55)!important;
}
.product-matrix .matrix-card a b{color:#fff!important;}
.product-matrix .matrix-card:hover{
  transform:translateY(-7px)!important;
  box-shadow:0 28px 65px rgba(8,27,51,.20)!important;
}
.product-matrix .matrix-card:hover::before{
  background:linear-gradient(180deg,rgba(5,20,35,.10) 0%,rgba(5,20,35,.27) 34%,rgba(5,20,35,.84) 100%)!important;
}
@media(max-width:1050px){
  .product-matrix .matrix-card{min-height:390px!important;}
}
@media(max-width:800px){
  .product-matrix .matrix-card{
    min-height:365px!important;
    padding:24px!important;
  }
  .product-matrix .matrix-card p{margin-top:22px!important;}
  .product-matrix .matrix-card h3{font-size:27px!important;}
}


/* ================================================================
   HOME LOAN PRODUCTS — FINAL READABILITY + CTA CLEANUP
   Clear photography, strong contrast and non-overlapping product copy.
   ================================================================ */
.solution-section .solution-card{
  min-height:360px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  padding:28px!important;
  isolation:isolate!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  color:#fff!important;
  text-shadow:none!important;
}
.solution-section .solution-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background:linear-gradient(180deg,rgba(5,18,31,.08) 0%,rgba(5,18,31,.24) 34%,rgba(5,18,31,.88) 100%)!important;
  pointer-events:none!important;
}
.solution-section .solution-card > *{
  position:relative!important;
  z-index:2!important;
}
.solution-section .solution-card .card-index{
  position:absolute!important;
  top:20px!important;
  left:22px!important;
  color:rgba(255,255,255,.78)!important;
  font-weight:700!important;
}
.solution-section .solution-card p{
  margin:0 0 13px!important;
  color:#f3d38b!important;
  font-weight:800!important;
  letter-spacing:1.45px!important;
  line-height:1.4!important;
}
.solution-section .solution-card h3{
  margin:0 0 12px!important;
  color:#fff!important;
  font-size:clamp(28px,2.3vw,36px)!important;
  line-height:1.05!important;
  letter-spacing:-1.2px!important;
  text-shadow:0 3px 18px rgba(0,0,0,.55)!important;
}
.solution-section .solution-card small{
  display:block!important;
  margin:0!important;
  max-width:92%!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.7!important;
  text-shadow:0 2px 12px rgba(0,0,0,.65)!important;
}
.solution-section .solution-card i{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  width:max-content!important;
  height:auto!important;
  min-width:0!important;
  margin-top:16px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  color:#f3c45f!important;
  font:800 12px/1 Manrope,sans-serif!important;
  font-style:normal!important;
  letter-spacing:.1px!important;
  text-shadow:0 2px 10px rgba(0,0,0,.6)!important;
}
.solution-section .solution-card i span{
  color:#fff!important;
  font-size:14px!important;
}
.solution-section .solution-card.gold-card p,
.solution-section .solution-card:not(.dark-card) p{
  color:#f3d38b!important;
}
.solution-section .solution-card.gold-card h3,
.solution-section .solution-card:not(.dark-card) h3,
.solution-section .solution-card.gold-card small,
.solution-section .solution-card:not(.dark-card) small{
  color:#fff!important;
}
.solution-section .solution-card:hover::before{
  background:linear-gradient(180deg,rgba(5,18,31,.05) 0%,rgba(5,18,31,.20) 34%,rgba(5,18,31,.82) 100%)!important;
}
@media(max-width:1050px){
  .solution-section .solution-card{min-height:350px!important;}
}
@media(max-width:800px){
  .solution-section .solution-card{
    min-height:340px!important;
    padding:24px!important;
  }
  .solution-section .solution-card h3{font-size:30px!important;}
  .solution-section .solution-card small{max-width:100%!important;font-size:11.5px!important;}
}


/* HOME PRODUCT NAMES — WHITE */
.solution-section .solution-card h3,
.solution-section .solution-card h3 a,
.solution-section .solution-card .product-name{
  color:#fff!important;
}


/* FINAL FIX — HOME PAGE LOAN PRODUCT TITLES */
section.solution-section .solution-grid a.solution-card h3,
section.solution-section .solution-grid .solution-card h3,
section.solution-section .solution-grid .solution-card h3 *,
.solution-section .solution-card h3{
  color: rgb(255,255,255) !important;
  -webkit-text-fill-color: rgb(255,255,255) !important;
  opacity: 1 !important;
  visibility: visible !important;
}