@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Sora:wght@500;600;700;800&display=swap");

:root{
  --blue:#0b2f6b;--blue-2:#071f4b;--blue-3:#16498f;--red:#e31e24;--red-2:#c5161c;
  --ink:#172033;--muted:#667085;--line:#e6eaf0;--soft:#f7f9fc;--soft-blue:#edf4fb;
  --green:#16a57b;--green-soft:#eaf8f3;--amber:#e8a341;--amber-soft:#fff7e6;
  --white:#fff;--shadow:0 18px 54px rgba(20,45,89,.10);--shadow-lg:0 32px 100px rgba(20,45,89,.17);
  --radius:22px;--radius-sm:15px;--ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55;-webkit-font-smoothing:antialiased}
body.lock{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
img{max-width:100%;display:block}
.container{width:min(1220px,calc(100% - 40px));margin:auto}
.muted{color:var(--muted)}
.text-red{color:var(--red)}
.text-blue{color:var(--blue)}
.text-green{color:var(--green)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.preloader{position:fixed;inset:0;z-index:999;background:#fff;display:grid;place-items:center;transition:opacity .45s var(--ease),visibility .45s var(--ease)}
.preloader.hide{opacity:0;visibility:hidden}
.preloader-mark{width:68px;height:68px;border-radius:18px;background:var(--blue);display:grid;place-items:center;color:#fff;font-size:25px;font-weight:900;position:relative;overflow:hidden;box-shadow:var(--shadow)}
.preloader-mark:after{content:"";position:absolute;inset:auto 0 0;height:5px;background:var(--red);animation:loadbar 1s var(--ease) infinite}
@keyframes loadbar{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}

.page-wipe{position:fixed;inset:0;z-index:998;background:linear-gradient(135deg,var(--blue-2),var(--blue));transform:translateY(100%);pointer-events:none}
.page-wipe.go{animation:wipe .52s var(--ease) forwards}
@keyframes wipe{0%{transform:translateY(100%)}100%{transform:translateY(0)}}

.topbar{background:var(--blue-2);color:#dce7f5;font-size:12px}
.topbar .container{min-height:35px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.topbar-right{display:flex;align-items:center;gap:18px}
.dot-online{display:inline-flex;align-items:center;gap:7px}.dot-online:before{content:"";width:7px;height:7px;border-radius:50%;background:#38d39f;box-shadow:0 0 0 5px rgba(56,211,159,.12)}
.header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.96);backdrop-filter:blur(15px);border-bottom:1px solid rgba(230,234,240,.92);transition:box-shadow .25s var(--ease),height .25s var(--ease)}
.header.scrolled{box-shadow:0 10px 30px rgba(20,45,89,.07)}
.nav{height:82px;display:flex;align-items:center;gap:28px}
.logo{display:block;flex:0 0 auto}.logo img{height:61px;width:auto}
.navlinks{display:flex;align-items:center;gap:21px;font-size:14px;font-weight:760;color:#39475a}
.nav-group{position:relative;padding:30px 0}
.nav-group>a{position:relative}
.nav-group.active>a,.nav-group:hover>a{color:var(--blue)}
.nav-group.active>a:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:2px;background:var(--red);border-radius:99px}
.mega{position:absolute;left:50%;top:74px;transform:translate(-50%,10px);width:840px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:17px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:opacity .18s var(--ease),transform .18s var(--ease)}
.nav-group:hover .mega{opacity:1;visibility:visible;transform:translate(-50%,0)}
.mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px 14px}
.mega a{padding:10px 11px;border-radius:10px;color:#425167;font-size:13px;font-weight:680;transition:.18s}
.mega a:hover{background:var(--soft);color:var(--blue);transform:translateX(2px)}
.nav-actions{margin-left:auto;display:flex;gap:9px}
.btn{border:1px solid #dbe2e9;background:#fff;color:#27374b;border-radius:12px;padding:11px 15px;font-weight:800;cursor:pointer;transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease)}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 23px rgba(20,45,89,.10)}
.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}
.btn.red{background:var(--red);border-color:var(--red);color:#fff}
.btn.green{background:var(--green);border-color:var(--green);color:#fff}
.btn.light{background:var(--soft)}
.btn.sm{padding:8px 10px;font-size:12px}
.btn.ghost{background:transparent}
.menu-btn{display:none}
.mobile-menu{display:none;position:fixed;top:77px;left:0;right:0;z-index:75;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow);padding:10px 18px 18px;max-height:calc(100vh - 77px);overflow:auto}
.mobile-menu.open{display:block;animation:mobilemenu .25s var(--ease)}
@keyframes mobilemenu{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.mobile-menu a{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #eef1f4;font-weight:760;color:#324155}
.mobile-menu small{color:#8a97a8;font-weight:600}

.hero{padding:74px 0 58px;background:radial-gradient(circle at 82% 16%,rgba(11,47,107,.08),transparent 28%),radial-gradient(circle at 78% 66%,rgba(227,30,36,.05),transparent 23%),linear-gradient(180deg,#fff 0%,#fbfcfe 100%);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:50px;align-items:center}
.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:7px 10px;border-radius:999px;background:var(--soft-blue);border:1px solid #d9e7f6;color:var(--blue);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.085em}
.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--red)}
h1{font-size:clamp(43px,5.2vw,72px);line-height:1.01;letter-spacing:-.047em;color:#172a48;margin:18px 0}
h2{font-size:clamp(30px,4vw,48px);line-height:1.12;letter-spacing:-.035em;color:#182b47;margin:7px 0 0}
h3{color:#233750}
.lead{font-size:18px;color:#607084;margin:0;max-width:760px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.trustline{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px;color:#647286;font-size:12px;font-weight:700}
.trustline span{display:flex;align-items:center;gap:7px}.trust-tick{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-weight:900}
.hero-media{position:relative;min-height:520px}
.hero-photo{position:absolute;inset:0 55px 0 0;border-radius:28px;overflow:hidden;background:linear-gradient(135deg,#edf3f8,#dce8f5);box-shadow:var(--shadow-lg)}
.hero-photo img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.hero-photo:hover img{transform:scale(1.035)}
.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 43%,rgba(8,37,82,.42))}
.hero-form{position:absolute;right:0;bottom:32px;width:346px;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow-lg)}
.form-title{font-size:16px;font-weight:880;color:#203551}
.form-sub{font-size:11px;color:#7b8797;margin:3px 0 12px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.input{width:100%;border:1px solid #dce3ea;border-radius:11px;padding:10px 11px;outline:none;background:#fff;color:#27364a;transition:border-color .18s,box-shadow .18s}
.input:focus{border-color:#aac3e0;box-shadow:0 0 0 3px #edf4fb}
.hero-float{position:absolute;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:15px;padding:12px 14px;width:194px}
.hero-float.left{left:-24px;top:42px}.hero-float.right{right:4px;top:42px;width:170px}
.hero-float strong{display:block;color:var(--blue);font-size:15px}.hero-float span{font-size:11px;color:#7b8797}

.page-hero{padding:59px 0 48px;background:radial-gradient(circle at 85% 20%,rgba(11,47,107,.07),transparent 26%),linear-gradient(180deg,#fbfcfe,#f6f9fc);border-bottom:1px solid var(--line)}
.page-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center}
.breadcrumb{font-size:11px;color:#8a97a8;margin-bottom:11px}.breadcrumb a:hover{color:var(--blue)}
.page-hero h1{font-size:clamp(38px,4.7vw,61px);margin:9px 0 12px}
.page-hero-media{height:300px;border-radius:23px;overflow:hidden;box-shadow:var(--shadow);background:#edf3f8}
.page-hero-media img{width:100%;height:100%;object-fit:cover}
.status-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}
.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:999px;font-size:10px;font-weight:850;background:var(--green-soft);color:#17775b;border:1px solid #cdeee2}
.status-badge.warning{background:var(--amber-soft);border-color:#f4dfad;color:#8d6110}.status-badge.archived{background:#fff0f1;border-color:#ffd8da;color:#aa1b22}
.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}

.section{padding:76px 0}
.section.alt{background:var(--soft)}
.section.blue{background:var(--blue-2);color:#fff}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:27px;margin-bottom:28px}
.kicker{color:var(--red);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.section.blue .kicker{color:#ff8b91}.section.blue h2{color:#fff}
.section-head p{max-width:600px;margin:0;color:var(--muted)}
.section.blue .section-head p{color:#c8d4e2}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:18px;transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#d6e0eb}
.card h3{margin:9px 0 7px;font-size:17px}.card p{margin:0;color:#768395;font-size:12px}
.iconbox{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#edf3fa;color:var(--blue);font-weight:900;margin-bottom:13px}
.iconbox.red{background:#fff0f1;color:var(--red)}
.card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px;font-size:11px;color:#8995a4}
.link{color:var(--blue);font-weight:880;cursor:pointer}
.tag{display:inline-flex;padding:5px 8px;border-radius:999px;background:#f6f8fa;border:1px solid var(--line);font-size:10px;color:#647185;font-weight:760}

.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.stat{padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff}
.stat strong{display:block;font-size:30px;color:var(--blue);letter-spacing:-.03em}.stat span{font-size:12px;color:#7d8998}.stat .demo{font-size:9px;color:#98a2b3;font-weight:800;text-transform:uppercase;letter-spacing:.1em}

.split{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.photo-card{position:relative;min-height:390px;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#edf3f8,#dce8f5);box-shadow:var(--shadow)}
.photo-card img{width:100%;height:100%;min-height:390px;object-fit:cover;transition:transform 1s var(--ease)}.photo-card:hover img{transform:scale(1.035)}
.photo-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(8,37,82,.38))}
.photo-caption{position:absolute;left:20px;right:20px;bottom:18px;z-index:2;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-radius:15px;padding:14px}.photo-caption b{display:block;color:var(--blue)}.photo-caption span{font-size:11px;color:#6f7c8d}

.process{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.step{border:1px solid var(--line);border-radius:16px;background:#fff;padding:15px;min-height:140px;transition:.2s}.step:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.step-no{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#edf3fa;color:var(--blue);font-size:11px;font-weight:900;margin-bottom:11px}
.step h4{margin:0;font-size:14px}.step p{margin:7px 0 0;color:#7c8998;font-size:11px}

.fact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.fact{border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff}.fact small{display:block;color:#8a96a5}.fact b{display:block;color:var(--blue);margin-top:5px;font-size:14px}
.panel{border:1px solid var(--line);border-radius:20px;background:#fff;padding:22px}.panel h3{margin-top:0}
.checklist{list-style:none;padding:0;margin:0}.checklist li{padding:10px 0;border-bottom:1px solid var(--line);display:flex;gap:9px;font-size:13px;color:#526175}.checklist li:before{content:"✓";color:var(--green);font-weight:900}.checklist li:last-child{border-bottom:0}
.callout{padding:18px;border-radius:16px;background:#f3f7fc;border:1px solid #dce7f4;color:#536176;font-size:12px}.callout b{color:var(--blue)}
.callout.warning{background:#fff7e8;border-color:#f2dfb5;color:#6f5b33}.callout.warning b{color:#8b6114}
.callout.danger{background:#fff3f4;border-color:#ffd7da;color:#705153}.callout.danger b{color:#ac1921}

.scheme-toolbar{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid #dce3ea;background:#fff;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:740;color:#4b596c}.filter.active{background:var(--blue);border-color:var(--blue);color:#fff}
.search{min-width:270px;padding:10px 12px;border:1px solid #dce3ea;border-radius:12px;outline:none}
.scheme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.scheme-card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:18px;transition:.2s;position:relative;overflow:hidden}.scheme-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.scheme-card:before{content:"";position:absolute;left:0;top:0;width:4px;height:0;background:var(--red);transition:height .28s var(--ease)}.scheme-card:hover:before{height:100%}
.scheme-top{display:flex;justify-content:space-between;align-items:start;gap:12px}.scheme-icon{width:45px;height:45px;border-radius:13px;background:#edf3fa;color:var(--blue);display:grid;place-items:center;font-weight:900}.scheme-card h3{margin:12px 0 6px;font-size:17px}.scheme-card p{margin:0;color:#768395;font-size:12px}
.scheme-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px;font-size:11px;color:#8a95a4}
.scheme-status{font-size:9px;font-weight:850;padding:5px 7px;border-radius:999px;background:var(--green-soft);color:#17775b}.scheme-status.warning{background:var(--amber-soft);color:#8d6110}.scheme-status.archived{background:#fff0f1;color:#aa1b22}

.film{display:grid;grid-template-columns:1fr .95fr;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff}
.film-copy{padding:34px}.film-copy h3{font-size:33px;line-height:1.14;letter-spacing:-.03em;margin:8px 0 12px}.film-copy p{color:var(--muted)}
.film-visual{min-height:330px;position:relative;background:var(--blue-2);overflow:hidden}.film-visual img{width:100%;height:100%;min-height:330px;object-fit:cover;opacity:.76;transition:transform 1s var(--ease)}.film-visual:hover img{transform:scale(1.04)}
.film-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(7,31,75,.2),rgba(7,31,75,.7))}
.play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;display:grid;place-items:center;color:#fff;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.14);font-size:26px;transition:.2s}.play:hover{transform:translate(-50%,-50%) scale(1.07);background:rgba(255,255,255,.22)}

.case-grid,.testimonial-grid,.team-grid,.branch-grid,.article-grid,.loan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.case,.person,.branch,.article{border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden;transition:.22s var(--ease)}.case:hover,.person:hover,.branch:hover,.article:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.case img,.person img,.article img{width:100%;height:210px;object-fit:cover}.person img{height:260px}.case-body,.person-body,.branch-body,.article-body{padding:18px}
.case-body small,.article-body small{color:var(--red);font-weight:850}.case-body h3,.article-body h3{font-size:17px;margin:7px 0}.case-body p,.article-body p{font-size:12px;color:#778596;margin:0}
.person-body h3{margin:0}.person-role{font-size:11px;font-weight:850;color:var(--red);margin-top:4px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.chip{padding:5px 7px;border-radius:999px;background:#f5f7fa;border:1px solid var(--line);font-size:10px;color:#627084}
.branch-cover{height:155px;position:relative;background:linear-gradient(135deg,#edf3f8,#dce8f5);overflow:hidden}.branch-cover img{width:100%;height:100%;object-fit:cover}.branch-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(8,37,82,.35))}.branch-body h3{margin:0}.branch-body p{font-size:12px;color:#788596}
.quote{border:1px solid var(--line);border-radius:18px;background:#fff;padding:20px}.stars{color:var(--amber);letter-spacing:2px}.quote p{font-size:13px;color:#526175}.quote b{display:block}.quote span{font-size:11px;color:#8894a4}

.tool-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.tool-list{display:grid;gap:10px}.tool-card{padding:16px;border:1px solid var(--line);border-radius:15px;background:#fff}.tool-card.active{background:#f3f7fc;border-color:#bfd0e5}.tool-card b{display:block}.tool-card span{font-size:11px;color:#8491a2}
.calc{border:1px solid var(--line);border-radius:20px;background:#fff;padding:22px}.field{margin-bottom:16px}.field label{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#627084;margin-bottom:8px}.field input[type=range]{width:100%;accent-color:var(--red)}.calc-result{padding:18px;border-radius:15px;background:#f0f5fb;border:1px solid #d9e5f3}.calc-result small{display:block;color:#758398}.calc-result strong{display:block;font-size:31px;color:var(--blue)}

.compare{overflow:auto;border:1px solid var(--line);border-radius:18px;background:#fff}table{width:100%;border-collapse:collapse;min-width:820px}th,td{padding:14px;border-bottom:1px solid var(--line);text-align:left;font-size:12px}th{background:#f8fafc;color:#617084;font-size:10px;text-transform:uppercase;letter-spacing:.08em}

.profile{display:grid;grid-template-columns:300px 1fr;gap:28px;align-items:start}.profile-photo{border-radius:22px;overflow:hidden;background:#eef3f8;box-shadow:var(--shadow)}.profile-photo img{width:100%;height:350px;object-fit:cover}.profile-main{border:1px solid var(--line);border-radius:22px;background:#fff;padding:24px}.profile-main h1{font-size:43px;margin:8px 0 5px}
.timeline{border-left:2px solid #dce5ef;margin-left:8px;padding-left:22px}.timeline-item{position:relative;margin-bottom:20px}.timeline-item:before{content:"";position:absolute;left:-29px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px #eef4fb}.timeline-item span{display:block;color:#7a8797;font-size:12px}
.map-frame{height:390px;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:#eef3f8}.map-frame iframe{width:100%;height:100%;border:0}

.faq{max-width:880px;margin:auto}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;border:0;background:transparent;padding:18px 0;display:flex;justify-content:space-between;gap:15px;text-align:left;font-weight:850;color:#293b53}.faq-a{display:none;padding:0 0 18px;color:#68778b;font-size:13px}.faq-item.open .faq-a{display:block}

.cta{padding:34px;border-radius:24px;background:linear-gradient(135deg,#153d7d,#0b2858);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;overflow:hidden}
.cta:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;top:-130px;background:rgba(255,255,255,.08)}
.cta h3{font-size:28px;margin:0 0 7px;position:relative}.cta p{margin:0;color:#cfd9e7;position:relative}.cta .btn{position:relative}

.footer{margin-top:72px;background:#071f4b;color:#d5dfeb;padding:49px 0 24px}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:34px}.footer-logo{width:180px;background:#fff;border-radius:12px;padding:8px}.footer p,.footer a{display:block;color:#b8c5d6;font-size:12px;margin:8px 0;cursor:pointer}.footer a:hover{color:#fff}.footer h4{margin:0 0 12px;color:#fff;font-size:14px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:18px;display:flex;justify-content:space-between;gap:18px;font-size:11px;color:#9fb0c2}

.sticky-actions{position:fixed;right:20px;bottom:20px;z-index:65;display:flex;flex-direction:column;gap:9px}.sticky-actions button{border:0;border-radius:999px;padding:11px 15px;font-weight:850;box-shadow:0 13px 30px rgba(20,45,89,.18)}.sticky-actions .wa{background:#25D366;color:#fff}.sticky-actions .elig{background:var(--red);color:#fff}

.modal-backdrop{position:fixed;inset:0;z-index:120;background:rgba(12,31,59,.56);display:none;place-items:center;padding:18px;backdrop-filter:blur(7px)}.modal-backdrop.open{display:grid;animation:fade .22s var(--ease)}
.modal{width:min(620px,100%);background:#fff;border-radius:22px;box-shadow:var(--shadow-lg);overflow:hidden;animation:pop .27s var(--ease)}
.modal-head{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.modal-body{padding:22px}.modal h3{margin:4px 0 7px;font-size:25px}.modal p{font-size:13px;color:var(--muted)}
.close{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#fff;color:#566477;font-weight:900}
.intent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:14px 0 18px}.intent{border:1px solid var(--line);border-radius:14px;padding:13px;background:#fff;text-align:left;transition:.18s}.intent:hover{border-color:#b9cee6;background:#f7fbff;transform:translateY(-1px)}.intent b{display:block;color:#263c58}.intent span{font-size:10px;color:#7b8797}
@keyframes pop{from{opacity:0;transform:scale(.965) translateY(8px)}to{opacity:1;transform:none}}@keyframes fade{from{opacity:0}to{opacity:1}}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.visible{opacity:1;transform:none}
.reveal.delay-1{transition-delay:.08s}.reveal.delay-2{transition-delay:.16s}.reveal.delay-3{transition-delay:.24s}

@media(max-width:1050px){
  .navlinks{display:none}.menu-btn{display:inline-flex}.hero-grid,.split,.page-hero-grid,.film,.tool-layout,.profile{grid-template-columns:1fr}
  .hero-media{min-height:520px}.process{grid-template-columns:repeat(3,1fr)}
  .grid-4,.stats,.fact-grid{grid-template-columns:repeat(2,1fr)}
  .grid-3,.scheme-grid,.case-grid,.testimonial-grid,.team-grid,.branch-grid,.article-grid,.loan-grid{grid-template-columns:repeat(2,1fr)}
  .profile-photo{width:300px}
}
@media(max-width:680px){
  .topbar{display:none}.container{width:min(100% - 24px,1220px)}.nav{height:76px}.logo img{height:52px}.nav-actions .btn:not(.menu-btn){display:none}.mobile-menu{top:76px}
  .hero{padding:48px 0}.hero-grid{gap:29px}.hero-media{min-height:500px}.hero-photo{inset:0 0 105px 0}.hero-form{left:10px;right:10px;bottom:0;width:auto}.hero-float{display:none}
  h1{font-size:42px}.page-hero h1{font-size:39px}.section{padding:57px 0}.section-head{flex-direction:column;align-items:flex-start}
  .form-row,.intent-grid{grid-template-columns:1fr}
  .grid-2,.grid-3,.grid-4,.stats,.fact-grid,.process,.scheme-grid,.case-grid,.testimonial-grid,.team-grid,.branch-grid,.article-grid,.loan-grid{grid-template-columns:1fr}
  .scheme-toolbar{display:block}.search{width:100%;min-width:0;margin-top:12px}.cta{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column}
  .sticky-actions{left:12px;right:12px;bottom:12px;flex-direction:row}.sticky-actions button{flex:1}
  .profile-photo{width:100%}.map-frame{height:320px}
}


/* ===== Premium V3 content / animation layer ===== */
h1,h2,h3,.form-title,.navlinks,.btn{font-family:"Sora","Inter",sans-serif}
h1,h2{font-weight:700}h3{font-weight:650}
.hero .lead,.page-hero .lead{max-width:790px}
.section-title-line{width:68px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--red),var(--blue));margin:13px 0 0}

.editorial-band{position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(135deg,#071f4b 0%,#123f82 70%,#174d92 100%);color:#fff;padding:36px;box-shadow:var(--shadow)}
.editorial-band:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-140px;top:-180px;background:rgba(255,255,255,.08)}
.editorial-band:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;left:-90px;bottom:-130px;background:rgba(227,30,36,.16)}
.editorial-band>*{position:relative;z-index:1}.editorial-band h2,.editorial-band h3{color:#fff}.editorial-band p{color:#cfdaea}
.editorial-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:center}
.metric-stack{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.metric-tile{padding:17px;border-radius:16px;background:rgba(255,255,255,.105);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(8px)}
.metric-tile small{display:block;color:#cbd7e6}.metric-tile b{display:block;margin-top:5px;font-size:17px;color:#fff}

.insight-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.insight{position:relative;padding:21px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(180deg,#fff,#fbfcfe);overflow:hidden;transition:.22s var(--ease)}
.insight:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.insight:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--blue),var(--red))}
.insight b{display:block;color:#243a57}.insight p{font-size:12px;color:#758396;margin:7px 0 0}

.side-layout{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:25px;align-items:start}
.sticky-card{position:sticky;top:104px;border:1px solid var(--line);border-radius:22px;background:#fff;padding:21px;box-shadow:var(--shadow)}
.sticky-card h3{margin:5px 0 7px}.sticky-card p{font-size:12px;color:#758396}
.sticky-card .input{margin-top:8px}
.mini-trust{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.mini-trust span{font-size:9px;font-weight:800;padding:5px 7px;border:1px solid var(--line);border-radius:999px;color:#647286;background:#f8fafc}

.detail-block{border:1px solid var(--line);border-radius:22px;background:#fff;padding:25px;margin-bottom:18px;box-shadow:0 8px 30px rgba(20,45,89,.035)}
.detail-block h3{margin:4px 0 10px}.detail-block p{color:#667487;font-size:13px}
.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.detail-item{padding:15px;border-radius:15px;background:#f8fafc;border:1px solid #edf0f4}
.detail-item b{display:block;color:#263b57}.detail-item span{display:block;color:#7d8998;font-size:11px;margin-top:5px}

.mistake-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.mistake{padding:18px;border-radius:18px;background:#fff;border:1px solid var(--line);transition:.2s var(--ease)}
.mistake:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.mistake strong{display:flex;align-items:center;gap:8px;color:#263b57}.mistake strong:before{content:"!";width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#fff0f1;color:var(--red);font-size:11px}
.mistake p{font-size:12px;color:#768395;margin:8px 0 0}

.role-split{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 8px 30px rgba(20,45,89,.035)}
.role-side{padding:26px}.role-side + .role-side{border-left:1px solid var(--line);background:#f8fafc}.role-side h3{margin-top:0}
.role-list{list-style:none;padding:0;margin:0}.role-list li{display:flex;gap:9px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px;color:#526175}.role-list li:last-child{border-bottom:0}
.role-list li:before{content:"→";font-weight:900;color:var(--blue)}.role-side.lender .role-list li:before{color:var(--red)}

.visual-story{display:grid;grid-template-columns:.92fr 1.08fr;gap:0;border-radius:25px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}
.visual-story-media{min-height:370px;background:#eaf0f7}.visual-story-media img{width:100%;height:100%;min-height:370px;object-fit:cover}
.visual-story-copy{padding:34px}.visual-story-copy p{color:var(--muted)}
.story-points{display:grid;gap:10px;margin-top:18px}.story-point{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:start}.story-point i{width:34px;height:34px;border-radius:10px;background:#edf3fa;color:var(--blue);display:grid;place-items:center;font-style:normal;font-weight:900}.story-point b{display:block;color:#293e5a}.story-point span{display:block;font-size:11px;color:#7b8797;margin-top:2px}

.journey-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.journey-card{background:#fff;padding:21px;min-height:164px;transition:.2s}.journey-card:hover{background:#f9fbfe}.journey-card em{font-style:normal;color:var(--red);font-size:10px;font-weight:900;letter-spacing:.08em}.journey-card b{display:block;margin-top:8px;color:#263b57}.journey-card p{font-size:11px;color:#7b8797}

.proof-row{display:grid;grid-template-columns:1.18fr .82fr;gap:18px}
.proof-card{border:1px solid var(--line);border-radius:22px;background:#fff;padding:25px}
.proof-card.dark{background:linear-gradient(135deg,#0a2a61,#071f4b);color:#fff;border:0}.proof-card.dark h3{color:#fff}.proof-card.dark p{color:#cbd6e4}
.proof-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.proof-list div{padding:13px;border-radius:13px;background:#f7f9fc;border:1px solid var(--line)}.proof-list b{display:block;color:#263b57}.proof-list span{font-size:10px;color:#7b8797}

.ad-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ad-proof .card{text-align:center}.ad-proof .card b{display:block;color:var(--blue);font-size:17px}.ad-proof .card span{font-size:10px;color:#7b8797}
.faq-rich{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:start}.faq-intro{position:sticky;top:110px}.faq-intro p{color:var(--muted)}
.content-nav{display:flex;gap:8px;overflow:auto;padding-bottom:4px;margin-top:18px}.content-nav a{white-space:nowrap;padding:7px 10px;border:1px solid var(--line);border-radius:999px;font-size:10px;font-weight:800;color:#5d6a7e;background:#fff}.content-nav a:hover{border-color:#bfd0e5;color:var(--blue)}

.hero-media,.page-hero-media,.photo-card,.film-visual,.person,.branch,.case,.article{will-change:transform}
.hero-photo,.page-hero-media,.photo-card{animation:softFloat 7s ease-in-out infinite alternate}
@keyframes softFloat{from{transform:translateY(0)}to{transform:translateY(-5px)}}
.card,.scheme-card,.step,.person,.branch,.case,.article{backface-visibility:hidden}

@media(max-width:1050px){
  .editorial-grid,.side-layout,.visual-story,.proof-row,.faq-rich{grid-template-columns:1fr}
  .sticky-card,.faq-intro{position:relative;top:auto}.journey-rail{grid-template-columns:repeat(2,1fr)}
  .mistake-grid,.insight-strip{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .metric-stack,.detail-grid,.proof-list,.mistake-grid,.insight-strip,.journey-rail,.ad-proof{grid-template-columns:1fr}
  .editorial-band{padding:26px}.role-split{grid-template-columns:1fr}.role-side + .role-side{border-left:0;border-top:1px solid var(--line)}
  .visual-story-copy{padding:25px}.sticky-card{box-shadow:none}
}


/* ===== V4 premium interaction & discovery layer ===== */
::selection{background:rgba(11,47,107,.14);color:var(--blue-2)}
body{padding-bottom:0}
.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:9999;background:linear-gradient(90deg,var(--red),#ff646a,var(--blue-3));box-shadow:0 0 14px rgba(227,30,36,.2);pointer-events:none}
.icon-btn{width:43px;height:43px;padding:0;display:grid;place-items:center;border-radius:12px;font-size:18px}
.search-btn{position:relative}
.search-btn:after{content:"Quick Find";position:absolute;top:calc(100% + 8px);right:0;padding:5px 8px;background:#172a48;color:#fff;border-radius:7px;font-size:9px;font-family:Inter,sans-serif;white-space:nowrap;opacity:0;transform:translateY(-3px);pointer-events:none;transition:.16s}
.search-btn:hover:after{opacity:1;transform:none}

.btn.primary,.btn.red{position:relative;overflow:hidden}
.btn.primary:before,.btn.red:before{content:"";position:absolute;top:-150%;left:-35%;width:35%;height:400%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:rotate(18deg);transition:left .65s var(--ease)}
.btn.primary:hover:before,.btn.red:hover:before{left:125%}

.hero{position:relative}
.hero:before{content:"";position:absolute;left:-130px;top:90px;width:260px;height:260px;border-radius:50%;border:1px solid rgba(11,47,107,.06);box-shadow:0 0 0 45px rgba(11,47,107,.025),0 0 0 90px rgba(11,47,107,.015)}
.hero-grid{position:relative;z-index:1}
.hero-copy-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.hero-copy-badges span{font-size:10px;font-weight:800;color:#5e6d82;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 9px;box-shadow:0 6px 18px rgba(20,45,89,.04)}

.credibility-ribbon{margin-top:-1px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,#fff,#f8fbff,#fff)}
.credibility-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.credibility-item{padding:19px 22px;display:flex;gap:11px;align-items:center;border-right:1px solid var(--line)}
.credibility-item:last-child{border-right:0}
.credibility-item i{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;background:#edf4fb;color:var(--blue);font-style:normal;font-weight:900}
.credibility-item b{display:block;color:#263b57;font-size:12px}.credibility-item span{display:block;color:#8490a0;font-size:10px;margin-top:2px}

.smart-navigator{border:1px solid var(--line);border-radius:27px;background:linear-gradient(145deg,#fff,#f8fbff);overflow:hidden;box-shadow:var(--shadow)}
.navigator-grid{display:grid;grid-template-columns:.82fr 1.18fr;min-height:415px}
.navigator-left{padding:30px;border-right:1px solid var(--line);background:rgba(255,255,255,.72)}
.navigator-left h3{font-size:25px;margin:7px 0 10px;letter-spacing:-.025em}
.navigator-options{display:grid;gap:9px;margin-top:19px}
.navigator-option{width:100%;text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px 15px;display:flex;gap:12px;align-items:center;color:#34445a;font-weight:770;transition:.2s var(--ease)}
.navigator-option i{width:31px;height:31px;border-radius:9px;background:#edf3fa;color:var(--blue);display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:900}
.navigator-option:hover,.navigator-option.active{border-color:#adc5e1;background:#f4f8fd;color:var(--blue);transform:translateX(3px)}
.navigator-right{padding:32px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.navigator-right:after{content:"";position:absolute;width:270px;height:270px;border-radius:50%;right:-110px;bottom:-150px;background:rgba(11,47,107,.045)}
.navigator-result{position:relative;z-index:1;animation:resultIn .28s var(--ease)}
.navigator-result .route-label{font-size:10px;color:var(--red);font-weight:900;text-transform:uppercase;letter-spacing:.09em}
.navigator-result h3{font-size:31px;line-height:1.16;letter-spacing:-.03em;margin:8px 0 10px}
.navigator-result p{color:#667487;max-width:620px}
.route-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}
.route-link{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border-radius:11px;background:#fff;border:1px solid var(--line);font-size:11px;font-weight:800;color:#3d4c61;transition:.18s}
.route-link:hover{border-color:#b7cce4;color:var(--blue);transform:translateY(-2px)}
@keyframes resultIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}

.premium-band{border-radius:28px;background:linear-gradient(115deg,#071f4b 0%,#0d3473 50%,#174b91 100%);color:#fff;padding:38px;position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}
.premium-band:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 15%,rgba(255,255,255,.14),transparent 24%),radial-gradient(circle at 93% 100%,rgba(227,30,36,.23),transparent 22%)}
.premium-band>*{position:relative;z-index:1}
.premium-band h2,.premium-band h3{color:#fff}.premium-band p{color:#cad7e7}
.premium-band-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:center}
.premium-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.premium-link{padding:15px;border-radius:15px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);transition:.2s var(--ease)}
.premium-link:hover{background:rgba(255,255,255,.16);transform:translateY(-2px)}
.premium-link b{display:block;color:#fff;font-size:12px}.premium-link span{display:block;color:#c7d4e4;font-size:10px;margin-top:4px}

.search-modal .modal{width:min(760px,100%)}
.search-shell{position:relative}
.search-shell:before{content:"⌕";position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:19px;color:#8c98a8}
.search-shell .input{padding-left:43px;font-size:16px;padding-top:14px;padding-bottom:14px}
.search-results{display:grid;gap:7px;margin-top:13px;max-height:390px;overflow:auto}
.search-result{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:13px;background:#fff;transition:.18s}
.search-result:hover{border-color:#b8cce4;background:#f8fbff;transform:translateX(2px)}
.search-result .search-icon{width:39px;height:39px;border-radius:11px;background:#edf3fa;color:var(--blue);display:grid;place-items:center;font-weight:900;font-size:11px}
.search-result b{display:block;color:#2c405b;font-size:12px}.search-result span{display:block;color:#8591a0;font-size:10px;margin-top:2px}.search-result em{font-style:normal;color:#9aa4b1;font-size:13px}
.search-empty{padding:28px;text-align:center;color:#7c8998;font-size:12px;border:1px dashed #d9e0e8;border-radius:14px}

.section-watermark{position:relative;overflow:hidden}
.section-watermark:after{content:attr(data-watermark);position:absolute;right:-20px;top:10px;font-family:Sora,sans-serif;font-size:118px;font-weight:800;line-height:1;color:rgba(11,47,107,.025);letter-spacing:-.07em;pointer-events:none}
.section-watermark>.container{position:relative;z-index:1}

.scheme-card,.card,.person,.branch,.case,.article,.detail-block{position:relative}
.scheme-card:after,.card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--mx,80%) var(--my,15%),rgba(11,47,107,.055),transparent 31%);opacity:0;transition:opacity .2s;pointer-events:none}
.scheme-card:hover:after,.card:hover:after{opacity:1}

.page-hero-media{position:relative}
.page-hero-media:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.24);pointer-events:none}
.page-hero-media img{transition:transform .8s var(--ease)}.page-hero-media:hover img{transform:scale(1.025)}

.back-top{position:fixed;right:20px;bottom:132px;z-index:64;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(8px);color:var(--blue);font-weight:900;box-shadow:0 10px 26px rgba(20,45,89,.11);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}
.back-top.show{opacity:1;visibility:visible;transform:none}

@media(max-width:1050px){
  .credibility-grid{grid-template-columns:repeat(2,1fr)}.credibility-item:nth-child(2){border-right:0}.credibility-item:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .navigator-grid,.premium-band-grid{grid-template-columns:1fr}.navigator-left{border-right:0;border-bottom:1px solid var(--line)}
}
@media(max-width:680px){
  body{padding-bottom:70px}
  .nav-actions .search-btn{display:grid!important}
  .search-btn:after{display:none}
  .credibility-grid{grid-template-columns:1fr}.credibility-item{border-right:0;border-bottom:1px solid var(--line)}.credibility-item:last-child{border-bottom:0}
  .navigator-left,.navigator-right{padding:23px}.navigator-result h3{font-size:26px}.premium-band{padding:27px}.premium-links{grid-template-columns:1fr}
  .back-top{display:none}.section-watermark:after{font-size:72px;top:20px}
}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .hero-photo,.page-hero-media,.photo-card{animation:none!important}
}


/* ===== Home page production-detail layer ===== */
.profile-review-shell{display:grid;grid-template-columns:.82fr 1.18fr;border:1px solid var(--line);border-radius:28px;background:#fff;overflow:hidden;box-shadow:var(--shadow)}
.profile-review-copy{padding:34px;background:linear-gradient(145deg,#071f4b,#103b7c);color:#fff;position:relative;overflow:hidden}
.profile-review-copy:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-150px;top:-120px;background:rgba(255,255,255,.08)}
.profile-review-copy>*{position:relative;z-index:1}
.profile-review-copy h2,.profile-review-copy h3{color:#fff}.profile-review-copy p{color:#cfdaea}
.review-benefits{display:grid;gap:12px;margin-top:24px}.review-benefit{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:start}
.review-benefit i{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-style:normal;font-weight:900}
.review-benefit b{display:block;font-size:12px;color:#fff}.review-benefit span{display:block;color:#bfd0e3;font-size:10px;margin-top:3px}
.profile-review-form{padding:30px}
.form-progress{display:flex;align-items:center;gap:8px;margin-bottom:24px}.form-progress span{height:4px;flex:1;border-radius:99px;background:#e8edf3;transition:.25s}.form-progress span.active{background:linear-gradient(90deg,var(--blue),var(--red))}
.form-step{display:none;animation:formIn .25s var(--ease)}.form-step.active{display:block}
@keyframes formIn{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}
.form-step h3{font-size:22px;margin:0 0 5px}.form-step>p{font-size:12px;color:#758397;margin:0 0 17px}
.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.choice-card{border:1px solid var(--line);border-radius:15px;padding:14px;background:#fff;text-align:left;transition:.18s;position:relative}
.choice-card:hover,.choice-card.selected{border-color:#9fbcdc;background:#f5f9fe;transform:translateY(-2px);box-shadow:0 9px 25px rgba(20,45,89,.06)}
.choice-card b{display:block;color:#2d415c;font-size:12px}.choice-card span{display:block;color:#8290a1;font-size:10px;margin-top:4px}
.choice-card.selected:after{content:"✓";position:absolute;right:10px;top:9px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-size:10px;font-weight:900}
.detail-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-fields .full{grid-column:1/-1}
.form-nav{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.form-nav .btn:last-child{margin-left:auto}
.consent-row{display:flex;gap:8px;align-items:flex-start;font-size:10px;color:#768395;margin-top:11px}.consent-row input{margin-top:2px}
.form-error{display:none;padding:9px 11px;border-radius:10px;background:#fff1f2;color:#a91b22;font-size:10px;margin-top:10px;border:1px solid #ffdadd}.form-error.show{display:block}
.form-success{display:none;padding:28px;text-align:center;border:1px solid #d4eee5;background:#f1fbf7;border-radius:18px}.form-success.show{display:block}.form-success i{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-style:normal;font-size:22px;font-weight:900;margin:0 auto 12px}.form-success h3{margin:0 0 6px}.form-success p{color:#657487;font-size:12px}

.scheme-finder{display:grid;grid-template-columns:.9fr 1.1fr;gap:0;border:1px solid var(--line);border-radius:27px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}
.scheme-finder-controls{padding:30px;background:#f8fbff;border-right:1px solid var(--line)}
.scheme-finder-controls h3{font-size:25px;margin:7px 0 9px}.scheme-finder-controls p{font-size:12px;color:#718095}
.finder-field{margin-top:13px}.finder-field label{display:block;font-size:10px;font-weight:850;color:#5e6c80;margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}
.scheme-finder-result{padding:31px;display:flex;flex-direction:column;justify-content:center}
.scheme-finder-result h3{font-size:27px;margin:7px 0}.scheme-finder-result>p{color:#738195;font-size:12px}
.finder-results{display:grid;gap:9px;margin-top:16px}
.finder-result{display:grid;grid-template-columns:43px 1fr auto;gap:11px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff;transition:.18s}
.finder-result:hover{border-color:#b4c9e2;transform:translateX(3px);box-shadow:0 7px 20px rgba(20,45,89,.05)}
.finder-result i{width:41px;height:41px;border-radius:11px;background:#edf3fa;color:var(--blue);display:grid;place-items:center;font-style:normal;font-weight:900;font-size:11px}
.finder-result b{display:block;color:#2b405b;font-size:12px}.finder-result span{display:block;color:#8290a0;font-size:10px;margin-top:2px}.finder-result em{font-style:normal;color:var(--blue);font-weight:900}
.finder-note{font-size:9px;color:#8c97a6;margin-top:12px}

.trust-transparency{display:grid;grid-template-columns:1.02fr .98fr;gap:20px;align-items:stretch}
.transparency-copy{padding:30px;border:1px solid var(--line);border-radius:24px;background:#fff}
.transparency-copy h2{font-size:38px}.transparency-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}
.transparency-item{padding:14px;border-radius:14px;background:#f8fafc;border:1px solid var(--line)}.transparency-item b{display:block;color:#2d415c;font-size:12px}.transparency-item span{display:block;color:#8290a0;font-size:10px;margin-top:4px}
.transparency-media{border-radius:24px;overflow:hidden;position:relative;min-height:420px;background:#eaf0f7;box-shadow:var(--shadow)}
.transparency-media img{width:100%;height:100%;min-height:420px;object-fit:cover}
.transparency-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(7,31,75,.55))}
.transparency-overlay{position:absolute;left:20px;right:20px;bottom:18px;z-index:2;padding:16px;border-radius:15px;background:rgba(255,255,255,.95);backdrop-filter:blur(10px)}
.transparency-overlay b{display:block;color:var(--blue)}.transparency-overlay span{display:block;color:#748196;font-size:10px;margin-top:3px}

.home-final-form{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;align-items:start}
.contact-options{display:grid;gap:9px;margin-top:20px}.contact-option{display:grid;grid-template-columns:39px 1fr;gap:10px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:14px;background:#fff}
.contact-option i{width:37px;height:37px;border-radius:10px;background:#edf3fa;color:var(--blue);display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:900}.contact-option b{display:block;font-size:12px;color:#2c405b}.contact-option span{display:block;font-size:10px;color:#8190a1}
.enquiry-panel{padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow)}
.enquiry-panel h3{margin:0 0 6px}.enquiry-panel>p{font-size:11px;color:#7a8798;margin:0 0 16px}
.form-inline-success{display:none;margin-top:10px;padding:10px 12px;border-radius:11px;background:#edf9f4;color:#18745a;font-size:10px;border:1px solid #cfecdf}.form-inline-success.show{display:block}

@media(max-width:1050px){
 .profile-review-shell,.scheme-finder,.trust-transparency,.home-final-form{grid-template-columns:1fr}
 .scheme-finder-controls{border-right:0;border-bottom:1px solid var(--line)}
}
@media(max-width:680px){
 .profile-review-copy,.profile-review-form,.scheme-finder-controls,.scheme-finder-result{padding:23px}
 .choice-grid,.detail-fields,.transparency-grid{grid-template-columns:1fr}.detail-fields .full{grid-column:auto}
}


/* ===== Refinement: CTA contrast, company footer, customer stories ===== */
.cta h3{color:#fff!important}
.cta p{color:#d7e2ef!important}
.cta .btn{color:#fff}

.footer-company-links{display:grid;gap:8px}
.footer-company-link{display:grid!important;grid-template-columns:34px 1fr;gap:9px;align-items:center;margin:0!important;padding:5px 0}
.footer-company-link .company-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(218,246,240,.12);border:1px solid rgba(218,246,240,.14);color:#d9f3ed;font-size:12px;font-weight:900;transition:.18s}
.footer-company-link:hover .company-icon{transform:translateY(-1px);background:rgba(218,246,240,.2)}
.footer-company-link span:last-child{font-size:12px;color:#b8c5d6;font-weight:650}
.footer-company-link:hover span:last-child{color:#fff}

.customer-stories-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;align-items:stretch}
.customer-story-intro{border-radius:25px;padding:31px;background:linear-gradient(145deg,#071f4b,#123f82);color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow)}
.customer-story-intro:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-135px;top:-115px;background:rgba(255,255,255,.08)}
.customer-story-intro>*{position:relative;z-index:1}
.customer-story-intro h2{color:#fff;font-size:40px}.customer-story-intro p{color:#cdd9e7}
.story-format-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.story-format-card{border:1px solid var(--line);border-radius:20px;background:#fff;padding:20px;position:relative;overflow:hidden;transition:.2s var(--ease)}
.story-format-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.story-format-card.video{grid-column:1/-1;display:grid;grid-template-columns:100px 1fr;gap:15px;align-items:center;background:linear-gradient(180deg,#fff,#f8fbff)}
.story-format-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#edf3fa;color:var(--blue);font-size:12px;font-weight:900}
.story-format-card h3{margin:10px 0 5px;font-size:17px}.story-format-card p{font-size:12px;color:#768395;margin:0}
.story-format-card.video .story-format-icon{width:88px;height:68px;border-radius:15px;background:linear-gradient(135deg,#123d80,#071f4b);color:#fff;font-size:22px}
.story-permission{display:inline-flex;align-items:center;gap:7px;margin-top:16px;font-size:10px;color:#c8d6e6}.story-permission:before{content:"✓";width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);font-weight:900}

.story-filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 24px}
.story-filter{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:800;color:#58667a}
.story-filter.active{background:var(--blue);border-color:var(--blue);color:#fff}
.story-library{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.story-library-card{border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden;transition:.2s var(--ease)}
.story-library-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.story-library-media{height:180px;background:#eaf0f7;position:relative;overflow:hidden}
.story-library-media img{width:100%;height:100%;object-fit:cover}
.story-library-media .story-type{position:absolute;left:12px;top:12px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.94);font-size:9px;font-weight:900;color:var(--blue)}
.story-library-body{padding:18px}.story-library-body h3{font-size:17px;margin:0 0 7px}.story-library-body p{font-size:12px;color:#778596;margin:0}
.story-library-body .story-meta{display:flex;justify-content:space-between;gap:10px;margin-top:14px;font-size:10px;color:#8a96a5}

.share-story-shell{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px;align-items:start}
.share-story-copy{padding:26px;border:1px solid var(--line);border-radius:22px;background:#f8fbff}
.share-story-copy h2{font-size:34px}.share-story-copy p{color:#6c7a8e}
.story-consent-note{padding:12px;border-radius:12px;background:#eef7f4;border:1px solid #d2ebe3;color:#55756d;font-size:10px;margin-top:14px}

.career-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.career-card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:19px;transition:.2s var(--ease)}
.career-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.career-card h3{font-size:16px;margin:8px 0 6px}.career-card p{font-size:12px;color:#788596;margin:0}
.career-application{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px;align-items:start}

@media(max-width:1050px){
  .customer-stories-wrap,.share-story-shell,.career-application{grid-template-columns:1fr}
  .career-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .story-format-grid,.story-library,.career-grid{grid-template-columns:1fr}
  .story-format-card.video{grid-column:auto;grid-template-columns:1fr}
  .story-format-card.video .story-format-icon{width:100%;height:70px}
  .customer-story-intro h2{font-size:34px}
}


/* ===== LIVE FINAL: CTA visibility and footer company navigation ===== */
.prefooter-cta,.cta{background:linear-gradient(135deg,#0b2f6b 0%,#071f4b 100%)!important;color:#fff!important}
.prefooter-cta h2,.prefooter-cta h3,.cta h2,.cta h3{color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.06)}
.prefooter-cta p,.cta p{color:#dbe7f4!important}
.prefooter-cta .btn.red,.cta .btn.red{background:#e31e24!important;color:#fff!important;border-color:#e31e24!important}

.footer-company-panel{display:grid;gap:7px;padding:5px 0}
.footer-company-link{display:grid!important;grid-template-columns:38px 1fr;align-items:center;gap:10px;padding:5px 0!important;margin:0!important}
.footer-company-link .company-icon{width:38px;height:38px;border-radius:10px;background:#def3ef!important;color:#315c69!important;border:0!important;display:grid;place-items:center;font-size:13px;font-weight:900}
.footer-company-link .company-label{font-size:12px;color:#d9e3ee!important;font-weight:700}
.footer-company-link:hover .company-label{color:#fff!important}

/* Customer story section is launch-safe: no fabricated customer claims. */
.live-stories{display:grid;grid-template-columns:1.02fr .98fr;gap:18px;align-items:stretch}
.live-story-main{border-radius:26px;overflow:hidden;position:relative;min-height:430px;background:#0c326f;box-shadow:var(--shadow)}
.live-story-main img{width:100%;height:100%;min-height:430px;object-fit:cover;opacity:.82}
.live-story-main:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,31,75,.05),rgba(7,31,75,.82))}
.live-story-copy{position:absolute;z-index:2;left:28px;right:28px;bottom:27px;color:#fff}
.live-story-copy h2{color:#fff;font-size:38px;margin:7px 0 10px}.live-story-copy p{color:#d7e3ef;max-width:650px}
.live-story-options{display:grid;gap:12px}
.live-story-option{border:1px solid var(--line);border-radius:20px;background:#fff;padding:20px;display:grid;grid-template-columns:48px 1fr auto;gap:13px;align-items:center;transition:.2s var(--ease)}
.live-story-option:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#cbd8e7}
.live-story-option i{width:48px;height:48px;border-radius:14px;background:#edf4fb;color:var(--blue);display:grid;place-items:center;font-style:normal;font-weight:900}
.live-story-option b{display:block;color:#2a3f5a;font-size:13px}.live-story-option span{display:block;color:#7b899a;font-size:11px;margin-top:3px}.live-story-option em{font-style:normal;color:var(--blue);font-weight:900}
.story-disclosure{font-size:10px;color:#7d8998;margin-top:11px}

/* Footer is more polished and production-oriented */
.footer{margin-top:72px}
.footer-brand-note{font-size:11px!important;line-height:1.65}
.footer-bottom{align-items:center}

/* Generic live form feedback */
.live-form-status{display:none;margin-top:10px;padding:10px 12px;border-radius:11px;font-size:11px}
.live-form-status.ok{display:block;background:#edf9f4;border:1px solid #cde9df;color:#176e56}
.live-form-status.error{display:block;background:#fff1f2;border:1px solid #ffd8dc;color:#a91b22}
.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}

@media(max-width:1050px){.live-stories{grid-template-columns:1fr}}
@media(max-width:680px){.live-story-main{min-height:390px}.live-story-main img{min-height:390px}.live-story-copy{left:20px;right:20px;bottom:20px}.live-story-copy h2{font-size:31px}.live-story-option{grid-template-columns:43px 1fr auto}.live-story-option i{width:43px;height:43px}}


/* ===== FINAL LIVE V2: navigation, logo, footer and form polish ===== */
.nav{height:94px;gap:24px}
.logo{display:flex;align-items:center;min-width:128px}
.logo img{height:74px;width:auto;max-width:132px;object-fit:contain}
.navlinks{gap:19px}
.nav-group>a{font-size:13px}
.mega-loans{width:690px}
.mega-services{width:470px}
.mega .two-col{grid-template-columns:repeat(2,1fr)}
.mega-company{width:560px;left:auto;right:-110px;transform:translateY(10px)}
.nav-group:hover .mega-company{transform:translateY(0)}
.company-mega-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.company-mega-grid a{padding:14px;border:1px solid var(--line);border-radius:13px;background:#fff}
.company-mega-grid a:hover{background:#f7faff;border-color:#cbd9e8;transform:translateY(-2px)}
.company-mega-grid b{display:block;color:#273d58;font-size:12px}
.company-mega-grid span{display:block;color:#8190a1;font-size:10px;line-height:1.45;margin-top:4px}
.nav-actions{gap:10px}.nav-actions .btn.primary{padding:12px 18px}

.mobile-submenu{border-bottom:1px solid #eef1f4}
.mobile-submenu summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-weight:760;color:#324155;cursor:pointer}
.mobile-submenu summary::-webkit-details-marker{display:none}
.mobile-submenu-links{padding:0 0 8px 14px;display:grid}
.mobile-submenu-links a{padding:10px 0!important;border-bottom:0!important;font-weight:650!important;color:#667487!important}

.footer{margin-top:72px;padding:56px 0 24px;background:linear-gradient(145deg,#061b42,#071f4b 55%,#0c2c5f);position:relative;overflow:hidden}
.footer:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-190px;top:-230px;background:rgba(255,255,255,.035)}
.footer-grid-final{position:relative;display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr 1.05fr;gap:34px;align-items:start}
.footer-brand-col{padding-right:18px}
.footer-logo-final{display:inline-block;width:205px;background:#fff;border-radius:14px;padding:10px 12px;box-shadow:0 12px 32px rgba(0,0,0,.12)}
.footer-logo-final img{width:100%;height:auto}
.footer-brand-col p{max-width:290px;line-height:1.7;margin-top:16px}
.footer-role-note{display:inline-block;margin-top:10px;padding:7px 9px;border:1px solid rgba(255,255,255,.12);border-radius:9px;color:#b9c8d9;font-size:10px;background:rgba(255,255,255,.045)}
.footer h4{font-family:"Sora","Inter",sans-serif;font-size:13px;margin-bottom:15px;letter-spacing:.01em}
.footer a{margin:9px 0;color:#b9c7d8;transition:.16s}.footer a:hover{color:#fff;transform:translateX(2px)}
.footer-talk{margin-top:8px;border:0;border-radius:10px;background:var(--red);color:#fff;padding:10px 12px;font-weight:850;font-size:11px;cursor:pointer}
.footer-branch-link{color:#d8e3ef!important;font-weight:750}
.footer-bottom-final{position:relative;margin-top:38px;padding-top:20px;align-items:flex-start;line-height:1.5}
.footer-bottom-final>div:last-child{max-width:650px;text-align:right}

.field-label{display:block;color:#56657a;font-size:10px;font-weight:800;letter-spacing:.02em}
.field-label .input{display:block;margin-top:6px;font-weight:500;letter-spacing:0;color:#26364b}
.form-help{font-size:11px;color:#7b8898;margin:-4px 0 15px}
.contact-need-card{cursor:pointer}.contact-need-card:hover{border-color:#aec4df;background:#f8fbff}
.contact-need-card.selected{border-color:#7fa4ce;background:#f2f7fd;box-shadow:0 8px 22px rgba(20,45,89,.07)}
.compact-consent{margin-top:9px!important;margin-bottom:2px!important}
.quick-lead-form .live-form-status{margin-top:8px}

.cta h3{color:#fff!important}.cta p{color:#dce7f4!important}

@media(max-width:1180px){
 .navlinks{gap:14px}.nav-group>a{font-size:12px}.logo{min-width:115px}.logo img{height:68px;max-width:120px}
}
@media(max-width:1050px){
 .nav{height:84px}.logo{min-width:auto}.logo img{height:64px;max-width:116px}.footer-grid-final{grid-template-columns:1.3fr 1fr 1fr}.footer-brand-col{grid-row:span 2}
}
@media(max-width:680px){
 .nav{height:78px}.logo img{height:58px;max-width:106px}.mobile-menu{top:78px}
 .footer{padding-top:44px}.footer-grid-final{grid-template-columns:1fr 1fr;gap:26px}.footer-brand-col{grid-column:1/-1;grid-row:auto}.footer-logo-final{width:190px}.footer-bottom-final>div:last-child{text-align:left}
}

/* ===== RESPONSIVE FINAL PASS — public website ===== */
html,body{max-width:100%;overflow-x:hidden}
main,section,header,footer,.container{min-width:0}
.container>*{min-width:0}
h1,h2,h3,h4,p,a,button,.btn,.card,.panel,.callout{overflow-wrap:break-word;word-break:normal}
.btn{white-space:normal;text-align:center;line-height:1.25}
.hero-grid>*,.page-hero-grid>*,.split>*,.grid-2>*,.grid-3>*,.grid-4>*,.side-layout>*,.profile>*,.film>*,.tool-layout>*,.navigator-grid>*,.premium-band-grid>*,.profile-review-shell>*,.scheme-finder>*,.trust-transparency>*,.home-final-form>*,.customer-stories-wrap>*,.share-story-shell>*,.career-application>*,.footer-grid-final>*{min-width:0}
img,svg,video,iframe{max-width:100%}
iframe{display:block}
.input,select,textarea{max-width:100%}

/* Large laptop / compact desktop: move to clean mobile navigation before labels collide */
@media(max-width:1180px){
  .navlinks{display:none!important}
  .menu-btn{display:inline-flex!important}
  .nav{height:86px;gap:16px}
  .logo{min-width:auto}
  .logo img{height:65px;max-width:118px}
  .mobile-menu{top:86px;max-height:calc(100dvh - 86px)}
  .nav-actions{margin-left:auto}
  .hero-grid,.page-hero-grid,.split,.film,.tool-layout,.profile,.editorial-grid,.side-layout,.visual-story,.proof-row,.faq-rich{grid-template-columns:1fr}
  .profile-photo{width:min(340px,100%)}
  .hero-media{min-height:500px}
  .process{grid-template-columns:repeat(3,minmax(0,1fr))}
  .grid-4,.stats,.fact-grid,.career-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid-3,.scheme-grid,.case-grid,.testimonial-grid,.team-grid,.branch-grid,.article-grid,.loan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-grid-final{grid-template-columns:1.35fr 1fr 1fr;gap:28px}
  .footer-brand-col{grid-row:span 2}
}

/* Tablet */
@media(max-width:900px){
  .container{width:min(100% - 32px,1220px)}
  .topbar .container{min-height:32px}
  .section{padding:64px 0}
  .page-hero{padding:46px 0 40px}
  .page-hero-media{height:260px}
  .hero{padding:54px 0 48px}
  .hero-grid{gap:30px}
  .hero-media{min-height:470px}
  .section-head{align-items:flex-start}
  .section-head p{max-width:520px}
  .journey-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
  .navigator-grid,.premium-band-grid,.profile-review-shell,.scheme-finder,.trust-transparency,.home-final-form,.customer-stories-wrap,.share-story-shell,.career-application{grid-template-columns:1fr}
  .navigator-left,.scheme-finder-controls{border-right:0;border-bottom:1px solid var(--line)}
  .footer-grid-final{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
  .footer-brand-col{grid-column:1/-1;grid-row:auto;padding-right:0}
  .footer-brand-col p{max-width:620px}
  .footer-bottom-final{flex-direction:column;gap:12px}
  .footer-bottom-final>div:last-child{max-width:none;text-align:left}
}

/* Mobile */
@media(max-width:680px){
  .container{width:calc(100% - 24px)}
  .topbar{display:none}
  .nav{height:76px;gap:10px}
  .logo img{height:55px;max-width:102px}
  .mobile-menu{top:76px;max-height:calc(100dvh - 76px);padding:8px 14px 18px}
  .nav-actions{gap:7px}
  .nav-actions .btn:not(.menu-btn){display:none}
  .icon-btn,.menu-btn{width:42px;height:42px;min-width:42px;padding:0;display:grid;place-items:center}

  h1{font-size:clamp(34px,10.2vw,42px);line-height:1.04;letter-spacing:-.04em}
  h2{font-size:clamp(27px,8.2vw,34px);line-height:1.12}
  .page-hero h1{font-size:clamp(33px,9.6vw,40px)}
  .lead{font-size:16px;line-height:1.62}
  .section{padding:52px 0}
  .page-hero{padding:38px 0 34px}
  .page-hero-grid{gap:24px}
  .page-hero-media{height:225px;border-radius:18px}
  .section-head{flex-direction:column;align-items:flex-start;gap:13px;margin-bottom:22px}

  .hero{padding:42px 0 46px}
  .hero-grid{gap:24px}
  .hero-media{min-height:0;display:grid;gap:0}
  .hero-photo{position:relative!important;inset:auto!important;height:290px;border-radius:20px}
  .hero-form{position:relative;inset:auto;width:calc(100% - 16px);margin:-46px auto 0;z-index:3;padding:16px;border-radius:17px}
  .hero-float{display:none}
  .hero-actions{gap:8px;margin-top:22px}
  .hero-actions .btn{flex:1 1 150px}
  .trustline{gap:10px 16px;margin-top:20px}

  .form-row,.choice-grid,.detail-fields,.intent-grid,.metric-stack,.detail-grid,.proof-list,.mistake-grid,.insight-strip,.journey-rail,.ad-proof,.transparency-grid,.story-format-grid,.story-library,.career-grid{grid-template-columns:1fr!important}
  .detail-fields .full{grid-column:auto}
  .grid-2,.grid-3,.grid-4,.stats,.fact-grid,.process,.scheme-grid,.case-grid,.testimonial-grid,.team-grid,.branch-grid,.article-grid,.loan-grid{grid-template-columns:1fr!important}

  .card,.panel,.scheme-card,.fact,.callout,.quote,.enquiry-panel{border-radius:16px}
  .panel,.enquiry-panel{padding:18px}
  .film-copy,.visual-story-copy{padding:22px}
  .film-copy h3{font-size:28px}
  .film-visual,.film-visual img{min-height:260px}
  .play{width:66px;height:66px}

  .scheme-toolbar{display:grid;gap:12px}
  .filters{display:flex;flex-wrap:nowrap;overflow-x:auto;padding:0 0 5px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .filters::-webkit-scrollbar{display:none}
  .filter{flex:0 0 auto}
  .search{width:100%;min-width:0;margin:0}
  .scheme-top{gap:8px}
  .scheme-meta{align-items:flex-start;flex-wrap:wrap}

  .profile{gap:18px}
  .profile-photo{width:100%!important;max-width:100%}
  .profile-photo img{height:300px}
  .profile-main{padding:20px;min-width:0}
  .profile-main h1{font-size:34px}
  .profile-main .hero-actions .btn{width:100%}

  .cta{padding:24px;border-radius:19px;flex-direction:column;align-items:flex-start;gap:18px}
  .cta h3{font-size:24px}
  .cta .btn{width:100%}

  .profile-review-copy,.profile-review-form,.scheme-finder-controls,.scheme-finder-result,.navigator-left,.navigator-right,.premium-band,.transparency-copy{padding:22px}
  .transparency-copy h2{font-size:31px}
  .transparency-media,.transparency-media img{min-height:330px}
  .finder-result{grid-template-columns:41px minmax(0,1fr)}
  .finder-result em{grid-column:2;justify-self:start}
  .search-result{grid-template-columns:40px minmax(0,1fr)}
  .search-result>a,.search-result>button{grid-column:2;justify-self:start}

  .live-story-main,.live-story-main img{min-height:360px}
  .live-story-copy{left:18px;right:18px;bottom:18px}
  .live-story-copy h2{font-size:29px}
  .live-story-option{grid-template-columns:43px minmax(0,1fr)}
  .live-story-option>*:last-child{grid-column:2;justify-self:start}
  .story-format-card.video{grid-column:auto;grid-template-columns:1fr}
  .story-format-card.video .story-format-icon{width:100%;height:70px}

  .footer{margin-top:54px;padding:42px 0 88px}
  .footer-grid-final{grid-template-columns:1fr 1fr;gap:24px 18px}
  .footer-brand-col{grid-column:1/-1}
  .footer-logo-final{width:180px}
  .footer h4{font-size:13px}
  .footer a,.footer p{font-size:12px;line-height:1.6}

  .sticky-actions{left:10px;right:10px;bottom:10px;flex-direction:row;gap:7px}
  .sticky-actions button{flex:1;min-width:0;padding:11px 9px;font-size:12px}

  .modal-backdrop{padding:10px;align-items:end}
  .modal{max-height:92dvh;overflow:auto;border-radius:20px 20px 0 0}
  .modal-head,.modal-body{padding:17px}
  .modal h3{font-size:22px}
  .map-frame{height:280px}
  .compare{max-width:100%;-webkit-overflow-scrolling:touch}
}

/* Small phone */
@media(max-width:420px){
  .container{width:calc(100% - 20px)}
  .nav{height:72px}
  .logo img{height:51px;max-width:94px}
  .mobile-menu{top:72px;max-height:calc(100dvh - 72px)}
  .hero-photo{height:255px}
  .hero-form{width:calc(100% - 10px);margin-top:-34px}
  .page-hero-media{height:200px}
  .footer-grid-final{grid-template-columns:1fr}
  .footer-brand-col{grid-column:auto}
  .footer-logo-final{width:170px}
  .profile-photo img{height:270px}
  .profile-main h1{font-size:31px}
  .btn{padding:11px 13px}
  .sticky-actions button{font-size:11px}
  .form-nav{flex-wrap:wrap}
  .form-nav .btn{flex:1 1 130px}
  .form-nav .btn:last-child{margin-left:0}
}

/* Very small devices: prevent intrinsic content from widening the viewport */
@media(max-width:340px){
  .container{width:calc(100% - 16px)}
  .hero-actions .btn,.record-actions .btn{width:100%;flex-basis:100%}
  .sticky-actions{left:6px;right:6px}
  .sticky-actions button{padding:10px 6px;font-size:10px}
}

/* ===== LIVE RESPONSIVE HARDENING V2 =====
   Focus: compact laptops, browser zoom, safe mega menus, floating CTA overlap,
   and robust layouts across all public pages. */

/* Safer desktop navigation and dropdown geometry */
.mega{
  width:min(840px,calc(100vw - 32px));
  max-width:calc(100vw - 32px);
}
.nav-group:first-child .mega{
  left:0;
  transform:translateY(10px);
}
.nav-group:first-child:hover .mega{
  transform:translateY(0);
}
.mega-loans{width:min(690px,calc(100vw - 32px))}
.mega-services{width:min(470px,calc(100vw - 32px))}
.mega-company{
  width:min(560px,calc(100vw - 32px));
  left:auto;
  right:0;
}

/* Floating CTAs should never cover the hero's main form at first paint */
.sticky-actions{
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
}
.sticky-actions.suppressed{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(8px);
}

/* Wide but compact desktop / 125% browser zoom */
@media(max-width:1440px) and (min-width:1181px){
  .container{width:min(1160px,calc(100% - 48px))}
  .nav{gap:18px}
  .navlinks{gap:14px}
  .nav-group>a{font-size:12px}
  .nav-actions{gap:7px}
  .nav-actions .btn.primary{padding:11px 14px;font-size:12px}
  h1{font-size:clamp(48px,4.55vw,64px)}
  .hero-grid{gap:36px;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)}
  .hero-media{min-height:490px}
  .hero-form{width:330px}
  .hero-float.left{left:-10px}
}

/* Switch to the clean mobile/tablet navigation BEFORE desktop labels collide.
   This also fixes common Windows display-scaling / browser-zoom cases. */
@media(max-width:1320px){
  .navlinks{display:none!important}
  .menu-btn{display:inline-flex!important}
  .nav{height:86px;gap:14px}
  .logo{min-width:auto}
  .logo img{height:65px;max-width:118px}
  .mobile-menu{top:86px;max-height:calc(100dvh - 86px)}
  .nav-actions{margin-left:auto}
}

/* Keep two-column hero only where it has enough real space. */
@media(max-width:1180px){
  .hero-grid,.page-hero-grid,.split,.film,.tool-layout,.profile,.editorial-grid,.side-layout,.visual-story,.proof-row,.faq-rich{
    grid-template-columns:1fr!important;
  }
  .hero-grid{gap:30px}
  .hero-media{min-height:480px}
  .page-hero-grid{gap:28px}
}

/* Tablet landscape / narrow laptop */
@media(max-width:1024px){
  .container{width:min(100% - 32px,1220px)}
  .section{padding:60px 0}
  .hero{padding:50px 0 46px}
  h1{font-size:clamp(40px,7vw,56px)}
  h2{font-size:clamp(30px,5.2vw,42px)}
  .grid-4,.stats,.fact-grid,.career-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid-3,.scheme-grid,.case-grid,.testimonial-grid,.team-grid,.branch-grid,.article-grid,.loan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .process{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Phones and portrait tablets */
@media(max-width:760px){
  .container{width:calc(100% - 24px)}
  .nav{height:74px;padding:0}
  .logo img{height:53px;max-width:100px}
  .mobile-menu{top:74px;max-height:calc(100dvh - 74px)}
  .topbar{display:none}
  .nav-actions .btn:not(.menu-btn){display:none!important}
  .icon-btn,.menu-btn{width:42px;height:42px;min-width:42px;padding:0;display:grid;place-items:center}

  .hero{padding:38px 0 44px}
  .hero-media{min-height:0!important;display:grid}
  .hero-photo{position:relative!important;inset:auto!important;height:285px;border-radius:20px}
  .hero-form{position:relative!important;inset:auto!important;width:calc(100% - 14px);margin:-42px auto 0;padding:16px;border-radius:17px}
  .hero-float{display:none!important}
  .hero-actions .btn{flex:1 1 100%;width:100%}
  .trustline{display:grid;grid-template-columns:1fr;gap:9px}

  .page-hero{padding:36px 0 32px}
  .page-hero-media{height:220px}
  .page-hero h1{font-size:clamp(32px,9.2vw,40px)}
  h1{font-size:clamp(34px,9.6vw,42px)}
  h2{font-size:clamp(27px,7.8vw,34px)}
  .lead{font-size:16px}

  .grid-2,.grid-3,.grid-4,.stats,.fact-grid,.process,.scheme-grid,.case-grid,.testimonial-grid,.team-grid,.branch-grid,.article-grid,.loan-grid,
  .form-row,.choice-grid,.detail-fields,.intent-grid,.metric-stack,.detail-grid,.proof-list,.mistake-grid,.insight-strip,.journey-rail,.ad-proof,.transparency-grid,.story-format-grid,.story-library,.career-grid{
    grid-template-columns:1fr!important;
  }

  .section-head{flex-direction:column;align-items:flex-start;gap:12px}
  .section-head p{max-width:none}
  .panel,.enquiry-panel,.card,.scheme-card,.fact,.callout,.quote{max-width:100%}
  .profile-main,.profile-review-copy,.profile-review-form,.scheme-finder-controls,.scheme-finder-result,.navigator-left,.navigator-right,.premium-band,.transparency-copy{padding:20px}

  .scheme-toolbar{display:grid!important;grid-template-columns:1fr;gap:12px}
  .filters{display:flex;flex-wrap:nowrap;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding-bottom:5px}
  .filters::-webkit-scrollbar{display:none}
  .filter{flex:0 0 auto}
  .search{width:100%;min-width:0;margin:0}

  .compare{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  table{min-width:720px}

  .footer-grid-final{grid-template-columns:1fr 1fr!important;gap:22px 18px}
  .footer-brand-col{grid-column:1/-1!important}
  .footer-bottom-final{flex-direction:column;align-items:flex-start;gap:10px}

  .sticky-actions{left:10px;right:10px;bottom:10px;display:flex;flex-direction:row;gap:7px}
  .sticky-actions button{flex:1;min-width:0;padding:11px 8px;font-size:12px}
}

@media(max-width:480px){
  .container{width:calc(100% - 20px)}
  .nav{height:70px}
  .logo img{height:49px;max-width:92px}
  .mobile-menu{top:70px;max-height:calc(100dvh - 70px)}
  .hero-photo{height:245px}
  .hero-form{width:calc(100% - 8px);margin-top:-30px}
  .page-hero-media{height:195px}
  .footer-grid-final{grid-template-columns:1fr!important}
  .footer-brand-col{grid-column:auto!important}
  .btn{max-width:100%}
  .sticky-actions button{font-size:11px}
}

/* Short laptop screens: reduce first-screen crowding without changing content */
@media(max-height:760px) and (min-width:761px){
  .topbar .container{min-height:30px}
  .nav{height:78px}
  .mobile-menu{top:78px;max-height:calc(100dvh - 78px)}
  .hero{padding-top:42px;padding-bottom:44px}
  .hero-media{min-height:440px}
  .hero-form{bottom:18px}
}

/* ======================================================================
   UGNA RESPONSIVE V3 — LIVE PRODUCTION HARDENING
   Desktop mega-menu geometry, compact laptops, tablets, phones and
   floating CTA collision fixes. This block intentionally overrides
   earlier responsive rules and is the final authority in this file.
   ====================================================================== */

html,body{width:100%;max-width:100%;overflow-x:clip}
body{min-width:0}
.header{overflow:visible}
.header .container.nav{width:min(1320px,calc(100% - 36px));max-width:1320px;position:relative}
.nav{height:90px;gap:16px;position:relative}
.logo{flex:0 0 auto;display:flex;align-items:center}
.logo img{height:66px;max-width:118px;width:auto;object-fit:contain}
.navlinks{display:flex;flex:1 1 auto;min-width:0;justify-content:center;gap:18px;align-items:center}
.nav-group{position:static!important;padding:32px 0;flex:0 0 auto}
.nav-group>a{font-size:13px;white-space:nowrap}
.nav-actions{flex:0 0 auto;margin-left:0;gap:8px}

/* Mega menus are positioned from the navigation container, never from an
   individual item. This prevents left/right clipping on 1366/1440 laptops. */
.mega,
.nav-group:first-child .mega{
  position:absolute;
  top:calc(100% - 5px);
  left:96px;
  right:auto;
  width:min(840px,calc(100% - 192px));
  max-width:calc(100% - 192px);
  transform:translateY(10px)!important;
  overflow:visible;
}
.nav-group:hover .mega,
.nav-group:first-child:hover .mega{transform:translateY(0)!important}
.mega-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 14px}
.mega a{min-width:0;overflow-wrap:anywhere}
.mega-loans{left:230px;width:min(690px,calc(100% - 326px));max-width:690px}
.mega-services{left:355px;width:min(520px,calc(100% - 451px));max-width:520px}
.mega-company{left:auto!important;right:96px!important;width:min(600px,calc(100% - 192px));max-width:600px}
.company-mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Shared flexible content rules */
.container,.hero-grid,.page-hero-grid,.section-head,.split,.profile,.tool-layout,.film,
.grid-2,.grid-3,.grid-4,.scheme-grid,.team-grid,.branch-grid,.loan-grid,.case-grid,
.testimonial-grid,.article-grid,.process,.fact-grid,.stats,.form-row,.footer-grid-final,
.customer-stories-wrap,.share-story-shell,.career-application,.profile-review-shell,
.scheme-finder,.navigator-grid,.premium-band-grid,.trust-transparency,.home-final-form{min-width:0}
img,video,iframe,svg{max-width:100%;height:auto}
input,select,textarea,.input{max-width:100%;min-width:0}
.card,.panel,.fact,.scheme-card,.callout,.quote,.enquiry-panel{min-width:0;max-width:100%}

/* Desktop hero tuning: keep the visual strong without crowding 1366/1440 screens. */
@media(max-width:1460px) and (min-width:1181px){
  .header .container.nav{width:calc(100% - 28px)}
  .nav{gap:12px}
  .navlinks{gap:14px}
  .nav-group>a{font-size:12.25px}
  .logo img{height:62px;max-width:112px}
  .nav-actions .btn.primary{padding:11px 14px;font-size:12px}
  .container:not(.nav){width:min(1200px,calc(100% - 40px))}
  .hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:34px}
  .hero h1{font-size:clamp(48px,4.45vw,63px)}
  .hero-media{min-height:470px}
  .hero-form{width:326px}
  .hero-float.left{left:-8px}
  .mega,.nav-group:first-child .mega{left:76px;width:min(820px,calc(100% - 152px));max-width:820px}
  .mega-loans{left:210px;width:min(670px,calc(100% - 286px));max-width:670px}
  .mega-services{left:330px;width:min(500px,calc(100% - 406px));max-width:500px}
  .mega-company{right:76px!important;width:min(580px,calc(100% - 152px));max-width:580px}
}

/* At compact-laptop width switch BEFORE navigation starts squeezing. */
@media(max-width:1260px){
  .header .container.nav{width:calc(100% - 30px)}
  .navlinks{display:none!important}
  .menu-btn{display:inline-grid!important;place-items:center}
  .nav{height:82px;gap:12px}
  .logo img{height:61px;max-width:112px}
  .nav-actions{margin-left:auto}
  .mobile-menu{top:82px;max-height:calc(100dvh - 82px)}
  .mega{display:none!important}
}

/* Tablet: stack any high-information two-column record/layout areas. */
@media(max-width:1100px){
  .hero-grid,.page-hero-grid,.split,.film,.tool-layout,.profile,.editorial-grid,
  .side-layout,.visual-story,.proof-row,.faq-rich,.navigator-grid,.premium-band-grid,
  .profile-review-shell,.scheme-finder,.trust-transparency,.home-final-form,
  .customer-stories-wrap,.share-story-shell,.career-application{grid-template-columns:1fr!important}
  .hero-grid{gap:28px}
  .hero-media{min-height:470px}
  .page-hero-grid{gap:26px}
  .grid-4,.stats,.fact-grid,.career-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .grid-3,.scheme-grid,.case-grid,.testimonial-grid,.team-grid,.branch-grid,.article-grid,.loan-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .process{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:900px){
  .container,.container:not(.nav){width:calc(100% - 30px)}
  .section{padding:58px 0}
  .hero{padding:46px 0 44px}
  .hero h1{font-size:clamp(40px,7vw,54px)}
  .page-hero h1{font-size:clamp(37px,6.4vw,49px)}
  .hero-media{min-height:440px}
  .nav-actions .btn.primary{display:none!important}
  .icon-btn,.menu-btn{display:grid;place-items:center;width:42px;height:42px;min-width:42px;padding:0}
}

/* Phone / portrait tablet */
@media(max-width:700px){
  .topbar{display:none!important}
  .container,.container:not(.nav),.header .container.nav{width:calc(100% - 22px)}
  .nav{height:72px;gap:8px}
  .logo img{height:50px;max-width:94px}
  .mobile-menu{top:72px;max-height:calc(100dvh - 72px);padding:8px 14px 18px}
  .nav-actions{gap:6px}
  .nav-actions .btn:not(.menu-btn):not(.search-btn){display:none!important}
  .search-btn,.menu-btn{width:40px;height:40px;min-width:40px;padding:0}

  .hero{padding:34px 0 42px}
  .hero-grid{gap:22px}
  .hero h1{font-size:clamp(34px,9.4vw,42px);line-height:1.04;letter-spacing:-.04em}
  h2{font-size:clamp(27px,7.8vw,34px)}
  .lead{font-size:16px}
  .hero-media{min-height:0!important;display:grid}
  .hero-photo{position:relative!important;inset:auto!important;height:270px;border-radius:19px}
  .hero-form{position:relative!important;inset:auto!important;width:calc(100% - 10px);margin:-34px auto 0;padding:15px;border-radius:17px}
  .hero-float{display:none!important}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:9px}
  .hero-actions .btn{width:100%;margin:0}
  .trustline{display:grid;grid-template-columns:1fr;gap:8px}

  .page-hero{padding:32px 0 30px}
  .page-hero h1{font-size:clamp(31px,9vw,39px);line-height:1.06}
  .page-hero-media{height:210px}

  .grid-2,.grid-3,.grid-4,.stats,.fact-grid,.process,.scheme-grid,.case-grid,
  .testimonial-grid,.team-grid,.branch-grid,.article-grid,.loan-grid,.form-row,
  .choice-grid,.detail-fields,.intent-grid,.metric-stack,.detail-grid,.proof-list,
  .mistake-grid,.insight-strip,.journey-rail,.ad-proof,.transparency-grid,
  .story-format-grid,.story-library,.career-grid{grid-template-columns:1fr!important}

  .section-head{flex-direction:column;align-items:flex-start;gap:11px}
  .section-head p{max-width:none}
  .profile-main,.profile-review-copy,.profile-review-form,.scheme-finder-controls,
  .scheme-finder-result,.navigator-left,.navigator-right,.premium-band,.transparency-copy{padding:19px}

  .scheme-toolbar{display:grid!important;grid-template-columns:1fr!important;gap:11px}
  .filters{display:flex!important;flex-wrap:nowrap!important;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding:2px 0 6px}
  .filters::-webkit-scrollbar{display:none}
  .filter{flex:0 0 auto}
  .search{width:100%!important;min-width:0!important;margin:0!important}

  .compare,.table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  table{min-width:680px}

  .footer-grid-final{grid-template-columns:1fr!important;gap:22px}
  .footer-brand-col{grid-column:auto!important;grid-row:auto!important;padding-right:0}
  .footer-bottom-final{flex-direction:column;align-items:flex-start;gap:10px}

  .modal{width:calc(100% - 20px)!important;max-height:calc(100dvh - 20px);overflow:auto}
  .modal-body{padding:16px}
  .intent-grid{grid-template-columns:1fr!important}
}

@media(max-width:420px){
  .container,.container:not(.nav),.header .container.nav{width:calc(100% - 18px)}
  .nav{height:68px}
  .mobile-menu{top:68px;max-height:calc(100dvh - 68px)}
  .logo img{height:47px;max-width:89px}
  .search-btn,.menu-btn{width:38px;height:38px;min-width:38px}
  .hero-photo{height:238px}
  .hero-form{width:calc(100% - 6px);margin-top:-26px}
  .page-hero-media{height:185px}
  .btn{max-width:100%}
}

/* Floating actions are hidden by default and enabled by V3 JS only when the
   first-screen hero/form area is no longer at risk of being covered. */
.sticky-actions{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(12px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}
.sticky-actions.live-ready{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none}
.sticky-actions.suppressed{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(12px)}
@media(max-width:700px){
  .sticky-actions{left:8px;right:8px;bottom:8px;display:flex;flex-direction:row;gap:7px}
  .sticky-actions button{flex:1 1 0;min-width:0;padding:10px 7px;font-size:11px}
  body.sticky-live{padding-bottom:62px}
}

/* Make hover-only navigation unavailable on coarse pointers; hamburger is
   more reliable on tablets/touch laptops. */
@media(hover:none) and (pointer:coarse){
  .navlinks{display:none!important}
  .menu-btn{display:inline-grid!important;place-items:center}
  .mobile-menu{max-height:calc(100dvh - 82px)}
}

/* ======================================================================
   UGNA RESPONSIVE V4 — HEADER / MEGA MENU GEOMETRY FINAL
   Viewport-safe desktop mega menus + early compact-nav switch.
   This block is the final authority for public header responsiveness.
   ====================================================================== */

/* Anchor dropdowns to the full header, not to a nav item/container.
   This prevents the Government menu from drifting/cropping at the left edge. */
.header{position:sticky;top:0;overflow:visible;isolation:isolate}
.header .container.nav{position:static;width:min(1320px,calc(100% - 36px));max-width:1320px}
.nav{position:static;height:88px;gap:16px}
.navlinks{min-width:0;gap:17px}
.nav-group{position:static!important;padding:31px 0}
.nav-group>a{font-size:13px;line-height:1.2;white-space:nowrap}
.logo img{height:64px;max-width:116px}

/* One predictable desktop dropdown system: centred in the viewport/header,
   sized per content type, and never allowed to touch the viewport edge. */
.mega,
.nav-group:first-child .mega,
.mega-loans,
.mega-services,
.mega-company{
  position:absolute!important;
  top:100%!important;
  left:50%!important;
  right:auto!important;
  width:min(920px,calc(100vw - 48px))!important;
  max-width:calc(100vw - 48px)!important;
  max-height:min(520px,calc(100dvh - 150px));
  overflow:auto;
  transform:translate(-50%,12px)!important;
  transform-origin:top center;
  border-radius:18px;
  padding:18px 20px;
  box-shadow:0 26px 70px rgba(20,45,89,.16);
}
.mega-loans{width:min(760px,calc(100vw - 48px))!important}
.mega-services{width:min(590px,calc(100vw - 48px))!important}
.mega-company{width:min(680px,calc(100vw - 48px))!important}
.nav-group:hover .mega,
.nav-group:first-child:hover .mega,
.nav-group:hover .mega-company{
  transform:translate(-50%,0)!important;
}
.mega-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 16px}
.mega .two-col{grid-template-columns:repeat(2,minmax(0,1fr))}
.mega a{font-size:13px;line-height:1.35;padding:11px 12px;overflow-wrap:normal;word-break:normal}
.company-mega-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.company-mega-grid a{padding:14px 15px}

/* Compact desktop/laptop. Keep a full nav only while there is genuinely room. */
@media (max-width:1450px) and (min-width:1321px){
  .header .container.nav{width:calc(100% - 28px)}
  .nav{gap:12px}
  .navlinks{gap:13px}
  .nav-group>a{font-size:12.25px}
  .logo img{height:60px;max-width:108px}
  .nav-actions{gap:7px}
  .nav-actions .btn.primary{padding:10px 13px;font-size:12px}
  .mega{width:min(880px,calc(100vw - 40px))!important}
  .mega-loans{width:min(730px,calc(100vw - 40px))!important}
  .mega-services{width:min(560px,calc(100vw - 40px))!important}
  .mega-company{width:min(650px,calc(100vw - 40px))!important}
}

/* Switch early to the dedicated mobile/tablet navigation instead of squeezing
   desktop links. This also protects Windows 125% display scaling. */
@media (max-width:1320px){
  .header .container.nav{position:relative;width:calc(100% - 30px)}
  .nav{height:80px;gap:12px}
  .navlinks{display:none!important}
  .menu-btn{display:inline-grid!important;place-items:center}
  .logo img{height:60px;max-width:108px}
  .nav-actions{margin-left:auto}
  .mega{display:none!important}
  .mobile-menu{
    position:absolute!important;
    top:100%!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-height:calc(100dvh - 118px)!important;
    overflow:auto;
  }
}

/* Tablet/mobile consistency */
@media (max-width:900px){
  .header .container.nav{width:calc(100% - 24px)}
  .nav{height:76px}
  .logo img{height:55px;max-width:102px}
  .nav-actions .btn.primary{display:none!important}
  .mobile-menu{max-height:calc(100dvh - 104px)!important}
}

@media (max-width:700px){
  .topbar{display:none!important}
  .header .container.nav{width:calc(100% - 20px)}
  .nav{height:70px;gap:8px}
  .logo img{height:50px;max-width:94px}
  .search-btn,.menu-btn{width:40px;height:40px;min-width:40px;padding:0}
  .mobile-menu{max-height:calc(100dvh - 70px)!important}
}

/* Floating actions must never cover critical form controls on narrow screens. */
@media (max-width:700px){
  .floating-actions,.sticky-actions,.sticky-ctas{
    max-width:calc(100vw - 20px);
  }
}

/* ======================================================================
   UGNA MEGA MENU V5 — REBUILT DESKTOP POSITIONING
   Final authority. No translateX centering, no item-relative dropdown box.
   The dropdown is positioned in real pixels from the viewport-wide header.
   ====================================================================== */
@media (min-width:1321px){
  .header{
    position:sticky!important;
    top:0!important;
    overflow:visible!important;
    isolation:isolate!important;
  }
  .header .container.nav,
  .navlinks,
  .nav-group{
    position:static!important;
  }

  .nav-group .mega,
  .nav-group:first-child .mega,
  .nav-group .mega-loans,
  .nav-group .mega-services,
  .nav-group .mega-company{
    position:absolute!important;
    top:100%!important;
    right:auto!important;
    margin:0!important;
    transform:translateY(12px)!important;
    transform-origin:top left!important;
    max-width:calc(100vw - 48px)!important;
    max-height:min(520px,calc(100dvh - 145px))!important;
    overflow:auto!important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
  }

  /* Safe CSS fallbacks before JS calculates exact pixel placement. */
  .nav-group:nth-child(1) .mega{
    left:clamp(260px,20vw,330px)!important;
    width:min(920px,calc(100vw - 360px))!important;
  }
  .nav-group:nth-child(2) .mega{
    left:clamp(360px,29vw,465px)!important;
    width:min(760px,calc(100vw - 470px))!important;
  }
  .nav-group:nth-child(3) .mega{
    left:clamp(470px,38vw,600px)!important;
    width:min(590px,calc(100vw - 610px))!important;
  }
  .nav-group:nth-child(7) .mega{
    left:auto!important;
    right:max(32px,calc((100vw - 1320px)/2))!important;
    width:min(680px,calc(100vw - 96px))!important;
  }

  .nav-group:hover .mega,
  .nav-group:focus-within .mega{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }

  .mega-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .mega .two-col{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Under compact width, desktop mega menus never participate in layout. */
@media (max-width:1320px){
  .navlinks{display:none!important}
  .menu-btn{display:inline-grid!important;place-items:center!important}
  .nav-group .mega{display:none!important}
}

/* =====================================================================
   UGNA NAVBAR FINAL REBUILD — V6
   This is the final authority for the public desktop navigation.
   Key rule: every mega menu is anchored to its own nav item.
   Government Schemes therefore starts directly under the trigger and
   can never jump to the far-left edge of the viewport.
   ===================================================================== */

@media (min-width:1321px){

  .header{
    overflow:visible!important;
  }

  .header .container.nav{
    position:relative!important;
    overflow:visible!important;
  }

  .navlinks{
    display:flex!important;
    position:relative!important;
    align-items:stretch!important;
    overflow:visible!important;
  }

  .nav-group{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    padding:0!important;
    min-height:94px!important;
    overflow:visible!important;
  }

  .nav-group > a{
    display:flex!important;
    align-items:center!important;
    height:100%!important;
    position:relative!important;
    white-space:nowrap!important;
  }

  /* Reset every old positioning experiment. */
  .nav-group .mega,
  .nav-group:first-child .mega,
  .nav-group .mega-loans,
  .nav-group .mega-services,
  .nav-group .mega-company{
    position:absolute!important;
    top:calc(100% - 1px)!important;
    left:0!important;
    right:auto!important;
    margin:0!important;
    transform:translateY(10px)!important;
    transform-origin:top left!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    z-index:9999!important;
    overflow:auto!important;
    max-height:calc(100dvh - 150px)!important;
  }

  /* Government menu: aligned to the Government Schemes trigger.
     No translateX, no viewport-left calculation. */
  .navlinks > .nav-group:nth-child(1) > .mega{
    left:0!important;
    right:auto!important;
    width:min(900px,calc(100vw - 330px))!important;
    min-width:760px!important;
  }

  /* Loan Support */
  .navlinks > .nav-group:nth-child(2) > .mega{
    left:0!important;
    right:auto!important;
    width:720px!important;
    max-width:calc(100vw - 360px)!important;
  }

  /* Business Services */
  .navlinks > .nav-group:nth-child(3) > .mega{
    left:0!important;
    right:auto!important;
    width:520px!important;
    max-width:calc(100vw - 420px)!important;
  }

  /* Company: align its right edge with the Company trigger. */
  .navlinks > .nav-group:nth-child(7) > .mega{
    left:auto!important;
    right:0!important;
    width:600px!important;
    max-width:calc(100vw - 48px)!important;
    transform-origin:top right!important;
  }

  .nav-group:hover > .mega,
  .nav-group:focus-within > .mega{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }

  .mega-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .mega .two-col{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Compact laptops/tablets: use the dedicated mobile menu instead of
   squeezing desktop labels or showing a desktop mega menu. */
@media (max-width:1320px){
  .navlinks{display:none!important}
  .menu-btn{display:inline-grid!important;place-items:center!important}
  .nav-group .mega{display:none!important}
}