/* HOMEPAGE ONLY — faithful implementation of the supplied final locked 1536×864 composition.
   This stylesheet is intentionally page-scoped, loaded after shared styles, and does not touch other pages. */
.page-home{
  --lime:#EEF43D; --lime2:#F5FB62;
  background:#001522;
  font-family:'Montserrat',Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.page-home .site-header{
  position:absolute; top:0; left:0; right:0; z-index:25;
  background:transparent; border:0; backdrop-filter:none;
}
.page-home .site-header .container{width:calc(100% - 5.75vw);max-width:none}
.page-home .header-inner{min-height:105px;gap:16px;justify-content:space-between}
.page-home .brand{gap:19px;flex-shrink:0}
.page-home .ball-mark{width:44px;height:44px;background:var(--lime)}
.page-home .ball-mark::before,.page-home .ball-mark::after{width:34px;height:34px;top:5px;left:5px}
.page-home .brand-title{font-size:clamp(15px,1.53vw,23px);letter-spacing:.045em;font-weight:600;line-height:1.07}
.page-home .brand-sub{font-size:clamp(8px,.76vw,11px);letter-spacing:.33em;margin-top:7px;color:white}
.page-home .nav{gap:0;flex:1;margin-left:54px;justify-content:space-between;font-size:clamp(11px,.99vw,15px);font-weight:500}
.page-home .nav a{line-height:1.1;padding:11px clamp(9px,1.58vw,25px);border-left:1px solid rgba(248,250,251,.64)}
.page-home .nav a:first-child{border-left:0}
.page-home .nav a:last-child{padding-right:0}
.page-home .nav a.active::after{height:5px;bottom:-10px;left:clamp(9px,1.58vw,25px);right:clamp(9px,1.58vw,25px)}
.page-home .hero-approved{
  position:relative;display:block; height:44.922vw;min-height:0; max-height:none;
  overflow:hidden;background:#071827;isolation:isolate;
  background-image:none;
}
.page-home .hero-approved::before{content:none}
.page-home .hero-approved::after{
  content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(0,20,34,.84) 0%,rgba(0,20,34,.77) 23%,rgba(0,20,34,.35) 42%,rgba(0,20,34,.07) 65%,transparent 88%);
}
.page-home .homepage-photo{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(112deg,#051929 0%,#081c2c 34%,#061c2b 100%);
}
/* Photo alignment was measured against the approved image:
   source -> locked reference scale 0.8124 and translation (+381,-97) at 1536px. */
.page-home .homepage-photo::after{
  content:'';position:absolute;inset:0;
  background-image:url('/assets/hero-shivang-original.jpeg');
  background-size:81.25vw auto;
  background-position:right -6.05vw top -6.35vw;
  background-repeat:no-repeat;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 24%,rgba(0,0,0,.25) 33%,#000 48%);
  mask-image:linear-gradient(90deg,transparent 0%,transparent 24%,rgba(0,0,0,.25) 33%,#000 48%);
}
.page-home .hero-approved .hero-content{
  width:calc(100% - 10.55vw);max-width:none;min-height:0;
  padding:0;position:relative;z-index:3;
  display:block;top:22.6%;
}
.page-home .hero-copy{max-width:760px;align-self:auto}
.page-home .hero-kicker{height:7px;width:62px;margin:0 0 17px;background:var(--lime)}
.page-home .hero-approved h1{
  font-family:'Oswald','Arial Narrow',Impact,sans-serif;
  font-weight:700;text-transform:uppercase;
  font-size:clamp(38px,4.02vw,70px);line-height:.98;letter-spacing:-.02em;
  margin:0;text-shadow:0 1px 8px rgba(0,0,0,.2);max-width:none;
}
.page-home .hero-approved h1 span{display:block;white-space:nowrap}
.page-home .hero-approved h1 .accent{color:var(--lime)}
.page-home .hero-approved .hero-sub{
  font-family:'Montserrat',Arial,sans-serif;font-weight:400;
  font-size:clamp(16px,1.75vw,27px);line-height:1.29;
  max-width:600px;letter-spacing:-.015em;
  margin:16px 0 0;color:#f7f9fc;
}
.page-home .hero-endline{width:62px;height:7px;margin-top:17px;background:var(--lime);box-shadow:none}
.page-home .hero-stats-approved{
  position:relative;z-index:3; background:#001e31;
  background-image:linear-gradient(180deg,rgba(1,23,39,.96),#001e31);
  border:0;box-shadow:none;
}
.page-home .hero-stats-approved .container{max-width:none;width:calc(100% - 5.8vw)}
.page-home .hero-stats-approved .stats-grid{display:grid;grid-template-columns:1fr 1.235fr 1.196fr 1.235fr 1.011fr;align-items:stretch}
.page-home .hero-stats-approved .stat{
  min-height:9.64vw; padding:11px 11px 8px 20px; border:0; gap:clamp(7px,1.3vw,19px);
  flex-direction:row;align-items:center;justify-content:center;text-align:left;position:relative;
}
.page-home .hero-stats-approved .stat:not(:last-child)::after{
  content:'';position:absolute;top:14%;bottom:14%;right:0;width:1px;background:rgba(255,255,255,.66);
}
.page-home .hero-stats-approved .stat-icon{
  color:var(--lime);width:clamp(31px,3.6vw,55px);height:clamp(31px,3.6vw,55px);
  margin:0;align-self:center;flex:0 0 auto;stroke-width:1.7;
}
.page-home .hero-stats-approved .stat-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}
.page-home .hero-stats-approved .stat-label{
  font:500 clamp(9px,1.03vw,15.5px)/1.15 'Montserrat',Arial,sans-serif;
  color:#fff;white-space:nowrap;margin:0;
}
.page-home .hero-stats-approved .stat-value{
  font:700 clamp(31px,3.20vw,49px)/1 'Oswald','Arial Narrow',Impact,sans-serif;
  color:var(--lime);margin:0;letter-spacing:-.022em;
}
.page-home .hero-stats-approved .stat-value-inline{
  white-space:nowrap;font-size:clamp(27px,3.05vw,47px);letter-spacing:-.034em;
}
.page-home .hero-stats-approved .stat-value-inline small{font-family:'Montserrat',Arial,sans-serif;font-size:.32em;font-weight:700;color:#fff;letter-spacing:-.06em}
.page-home .hero-stats-approved .stat-value-inline sup{font-size:.33em;font-family:'Montserrat',Arial,sans-serif;vertical-align:super}
.page-home .hero-stats-approved .stat-description{
  font:500 clamp(8px,.9vw,13.75px)/1.2 'Montserrat',Arial,sans-serif;
  color:#fff;text-transform:uppercase;white-space:nowrap;
}
.page-home .hero-stats-approved .stat-rule{width:62px;height:6px;background:var(--lime);box-shadow:none;margin-top:17px}
/* locked standard minimal brand-only footer */
.page-home .site-footer{background:#001522;border-top:1px solid rgba(255,255,255,.08);padding:24px 0 29px;text-align:center}
.page-home .site-footer .footer-brand{font-family:Montserrat,Arial,sans-serif;font-size:13px;font-weight:700;letter-spacing:.17em}
.page-home .site-footer .footer-sub{font-family:Montserrat,Arial,sans-serif;font-size:9px;letter-spacing:.3em;margin-top:6px;color:#e9eef3}
@media(max-width:1360px){
  .page-home .header-inner{min-height:85px}
  .page-home .nav{display:none;position:absolute;top:85px;left:0;right:0;padding:12px 5vw 20px;background:#061d2d;flex-direction:column;align-items:flex-start;gap:0}
  .page-home .nav.open{display:flex}
  .page-home .nav a{border:0;padding:12px 0}
  .page-home .nav a:last-child{padding:12px 0}
  .page-home .nav a.active::after{left:0;right:0;height:3px;bottom:5px}
  .page-home .mobile-toggle{display:block}
  .page-home .hero-approved h1{font-size:clamp(38px,4.2vw,57px)}
}
@media(max-width:960px){
  .page-home .hero-approved{height:620px}
  .page-home .hero-approved .hero-content{top:127px;width:calc(100% - 8vw)}
  .page-home .homepage-photo{background-size:auto 100%;background-position:center}
  .page-home .homepage-photo::after{background-size:auto 105%;background-position:57% center}
  .page-home .hero-approved::after{background:linear-gradient(90deg,rgba(0,20,34,.93),rgba(0,20,34,.63) 46%,rgba(0,20,34,.12))}
  .page-home .hero-approved h1{font-size:clamp(36px,5.3vw,54px)}
  .page-home .hero-approved .hero-sub{font-size:clamp(17px,2.5vw,23px)}
  .page-home .hero-stats-approved .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-home .hero-stats-approved .stat{min-height:132px;border-bottom:1px solid rgba(255,255,255,.19);padding:18px 12px}
  .page-home .hero-stats-approved .stat:not(:last-child)::after{display:none}
  .page-home .hero-stats-approved .stat:nth-child(odd){border-right:1px solid rgba(255,255,255,.2)}
  .page-home .hero-stats-approved .stat:last-child{grid-column:1/-1;border-right:0}
}
@media(max-width:540px){
  .page-home .header-inner{min-height:76px}
  .page-home .nav{top:76px}
  .page-home .site-header .container{width:calc(100% - 36px)}
  .page-home .brand{gap:9px}
  .page-home .ball-mark{width:31px;height:31px}
  .page-home .ball-mark::before,.page-home .ball-mark::after{width:24px;height:24px;left:3.5px;top:3.5px}
  .page-home .brand-title{font-size:13px}
  .page-home .brand-sub{font-size:8px;letter-spacing:.27em}
  .page-home .hero-approved{height:620px}
  .page-home .homepage-photo{background-size:auto 78%;background-position:53% bottom}
  .page-home .homepage-photo::after{background-size:auto 83%;background-position:53% bottom}
  .page-home .hero-approved::after{background:linear-gradient(180deg,rgba(0,18,31,.87),rgba(0,18,31,.73) 42%,rgba(0,18,31,.13) 79%,rgba(0,18,31,.06))}
  .page-home .hero-approved .hero-content{top:125px;width:calc(100% - 40px)}
  .page-home .hero-kicker{height:5px;width:44px;margin-bottom:17px}
  .page-home .hero-approved h1{font-size:clamp(29px,7.3vw,40px);line-height:1.02;letter-spacing:-.023em}
  .page-home .hero-approved h1 span{white-space:normal}
  .page-home .hero-approved .hero-sub{font-size:15px;line-height:1.45;max-width:340px;margin-top:19px;letter-spacing:0}
  .page-home .desktop-break{display:none}
  .page-home .hero-endline{width:44px;height:5px;margin-top:16px}
  .page-home .hero-stats-approved .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-home .hero-stats-approved .stat{min-height:130px;gap:6px;padding:16px 9px;flex-direction:column;align-items:center;text-align:center}
  .page-home .hero-stats-approved .stat-info{align-items:center}
  .page-home .hero-stats-approved .stat-icon{width:36px;height:36px}
  .page-home .hero-stats-approved .stat-label{font-size:10px}
  .page-home .hero-stats-approved .stat-value{font-size:39px}
  .page-home .hero-stats-approved .stat-value-inline{font-size:34px}
  .page-home .hero-stats-approved .stat-description{white-space:normal;text-align:center;font-size:9px}
  .page-home .hero-stats-approved .stat-rule{width:39px;height:4px;margin-top:9px}
  .page-home .site-footer{padding:22px 0 24px}
}

/* Explicit white text on the approved navy background (also in offline Safari/Chromium previews). */
.page-home .brand-title,.page-home .brand-sub,.page-home .hero-approved h1 span:not(.accent),.page-home .footer-brand,.page-home .footer-sub{color:#fff}
.page-home .ball-mark::before,.page-home .ball-mark::after{content:none}
.page-home .ball-mark svg{width:100%;height:100%;display:block;color:var(--lime)}
@media(max-width:1360px){.page-home .nav{margin-left:0;justify-content:flex-start}}
@media(max-width:960px){.page-home .homepage-photo{background:#061c2d}.page-home .homepage-photo::after{background-size:auto 106%;background-position:57% center}}
@media(max-width:540px){.page-home .homepage-photo{background:#051c2d}.page-home .homepage-photo::after{background-size:auto 83%;background-position:53% bottom}}
