/* Site footer (every page: main site, IPO desk, calculators, journal) — 2-Nov-2026.
   Deep navy #050024, professional finance-company layout: pitch + CTA, live index strip, brand and trust points,
   four link columns (Markets, Tools, Research & learn, Company), disclaimer, bottom bar. */
.ft{--ft-bg:#050024;--ft-ink:#c3c7dd;--ft-mute:#8a8fb0;--ft-line:rgba(255,255,255,.09);--ft-head:#fff;--ft-red:#ff2d3d;
  position:relative;margin-top:64px;background:var(--ft-bg);color:var(--ft-ink);font-family:"Inter",var(--font,system-ui),sans-serif;font-size:14px;line-height:1.6;
  overflow:hidden;isolation:isolate;content-visibility:auto;contain-intrinsic-size:auto 900px}
.ft::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,transparent,var(--ft-red) 30%,#6366f1 70%,transparent);z-index:2}
.ft::after{content:"";position:absolute;width:1100px;height:700px;right:-380px;top:-360px;border-radius:50%;z-index:-1;pointer-events:none;
  background:radial-gradient(closest-side,rgba(99,102,241,.16),transparent)}
.ft a{color:inherit;text-decoration:none}
.ft .ic,.ft svg.ic{width:16px;height:16px;flex:none}

/* pitch + CTA */
.ft-top{position:relative;border-bottom:1px solid var(--ft-line);background:linear-gradient(180deg,rgba(255,255,255,.035),transparent)}
.ft-top-in{display:flex;align-items:center;justify-content:space-between;gap:20px 40px;flex-wrap:wrap;padding:40px 0 26px}
.ft-pitch{max-width:640px}
.ft-kick{margin:0 0 6px;font:800 11.5px "Manrope",var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--ft-red)}
.ft-pitch h2{margin:0 0 8px;font:800 clamp(24px,2.6vw,34px)/1.15 "Manrope",var(--display,var(--font));letter-spacing:-.02em;color:var(--ft-head)}
.ft-pitch h2 em{font-style:normal;background:linear-gradient(90deg,#ff5a66,#a5b4fc);-webkit-background-clip:text;background-clip:text;color:transparent}
.ft-pitch p{margin:0;color:var(--ft-ink);font-size:15px}
.ft-cta{display:flex;gap:10px;flex-wrap:wrap}
.ft-btn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 20px;border-radius:12px;font:700 14.5px "Manrope",var(--font);white-space:nowrap;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}
.ft-btn.red{background:var(--ft-red);color:#fff!important;box-shadow:0 10px 26px -12px rgba(255,45,61,.8)}
.ft-btn.red:hover{transform:translateY(-2px);background:#ff4250}
.ft-btn.ghost{border:1px solid rgba(255,255,255,.22);color:#fff!important}
.ft-btn.ghost:hover{border-color:#fff;background:rgba(255,255,255,.06)}

/* live index strip */
.ft-ix{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:0 0 28px}
.ft-ix a{display:grid;grid-template-columns:1fr auto;grid-template-areas:"n c" "p p";gap:2px 8px;padding:11px 14px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--ft-line);transition:background .2s,border-color .2s}
.ft-ix a:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}
.ft-ix span{grid-area:n;font-size:11.5px;font-weight:700;color:var(--ft-mute);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ft-ix b{grid-area:p;font:800 17px "Manrope",var(--font);color:#fff;font-variant-numeric:tabular-nums}
.ft-ix em{grid-area:c;font-style:normal;font-size:12px;font-weight:800}
.ft-ix em.up,.ft-ix .up em{color:#34d399}.ft-ix em.down,.ft-ix .down em{color:#f87171}

/* brand + columns */
.ft-main{display:grid;grid-template-columns:minmax(260px,1.05fr) 2.6fr;gap:48px;padding:44px 0 36px}
.ft-logo img{height:34px;width:auto;margin-bottom:16px;display:block}
.ft-brand>p{margin:0 0 18px;font-size:14px;line-height:1.7;max-width:400px}
.ft-trust{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px}
.ft-trust li{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45;color:var(--ft-mute)}
.ft-trust li .ic{width:30px;height:30px;padding:7px;border-radius:9px;background:rgba(99,102,241,.16);color:#a5b4fc;flex:none}
.ft-trust b{display:block;color:#e6e8f5;font-size:13px;font-weight:700}
.ft-mail{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:#e6e8f5}
.ft-mail .ic{color:var(--ft-red)}
.ft-mail:hover{color:#fff}
.ft-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 26px}
.ft-col p{margin:0 0 14px;font:800 12px "Manrope",var(--font);letter-spacing:.12em;text-transform:uppercase;color:#fff;display:flex;align-items:center;gap:8px}
.ft-col p::before{content:"";width:14px;height:2px;border-radius:2px;background:var(--ft-red)}
.ft-col a{display:block;padding:5px 0;font-size:14px;font-weight:500;color:var(--ft-ink);transition:color .15s,transform .15s}
.ft-col a:hover{color:#fff;transform:translateX(3px)}

/* disclaimer + bottom bar */
.ft-legal{padding:22px 0;border-top:1px solid var(--ft-line);font-size:12.5px;line-height:1.7;color:var(--ft-mute)}
.ft-legal p{margin:0 0 8px}.ft-legal p:last-child{margin:0}
.ft-legal b{color:#dfe2f1}
.ft-legal .sf-foot-sebi{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ft-legal .sf-foot-sebi .ic{color:#34d399}
.ft-bar{background:rgba(0,0,0,.28);border-top:1px solid var(--ft-line)}
.ft-bar-in{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;padding:16px 0;font-size:12.5px;color:var(--ft-mute)}
.ft-bar p{margin:0}
.ft-bar nav{display:flex;gap:18px;flex-wrap:wrap}
.ft-bar a:hover{color:#fff}

@media (max-width:1100px){
  .ft-main{grid-template-columns:1fr;gap:36px}
  .ft-brand{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}
  .ft-brand .ft-logo,.ft-brand>p{grid-column:1}
  .ft-trust{grid-column:2;grid-row:1/span 3}
}
@media (max-width:900px){.ft-ix{grid-template-columns:repeat(3,minmax(0,1fr))}.ft-ix a:nth-child(n+4){display:none}}
@media (max-width:760px){
  .ft{margin-top:40px;font-size:13.5px}
  .ft-top-in{padding:30px 0 20px}
  .ft-cta{width:100%}.ft-btn{flex:1;justify-content:center;height:44px;padding:0 14px}
  .ft-ix{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-bottom:22px}
  .ft-ix a:nth-child(n+3){display:none}
  .ft-brand{display:block}
  .ft-main{padding:32px 0 26px;gap:30px}
  .ft-cols{grid-template-columns:1fr 1fr;gap:26px 18px}
  .ft-col a{padding:6px 0}
  .ft-bar-in{flex-direction:column;align-items:flex-start;padding-bottom:calc(16px + var(--tabbar,64px))}
}
@media print{.ft{display:none}}

/* v2: lighter type (no heavy bold), social circles under the brand text */
.ft-kick{font-weight:600;letter-spacing:.12em}
.ft-pitch h2{font-weight:600}
.ft-btn{font-weight:600}
.ft-ix span{font-weight:500}
.ft-ix b{font-weight:600}
.ft-ix em{font-weight:600}
.ft-col p{font-weight:600;letter-spacing:.1em}
.ft-col a{font-weight:400}
.ft-mail{font-weight:500}
.ft-brand>p{font-weight:400;max-width:420px;margin-bottom:20px}
.ft-legal b{font-weight:600}
.ft-bar,.ft-bar a{font-weight:400}
.ft-soc{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}
.ft-si{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#d7daf0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);
  transition:transform .2s,background .2s,border-color .2s,color .2s}
.ft-si svg{width:18px;height:18px}
a.ft-si:hover{transform:translateY(-3px);color:#fff;border-color:transparent}
a.ft-si.s-x:hover{background:#000}
a.ft-si.s-facebook:hover{background:#1877f2}
a.ft-si.s-instagram:hover{background:radial-gradient(circle at 30% 110%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}
a.ft-si.s-youtube:hover{background:#ff0000}
a.ft-si.s-linkedin:hover{background:#0a66c2}
a.ft-si.s-telegram:hover{background:#229ed9}
span.ft-si{opacity:.75}
@media (max-width:1100px){.ft-brand{display:block}}
.ft-pitch h2,.ft-col p,.ft-kick,.ft-btn{font-weight:500}.ft-ix b{font-weight:500}

/* v3 (2-Nov-2026): darker blue, no index strip, "Subscribe to SOFHOUR Finance" in the top row, Report a bug button */
.ft{--ft-bg:#03001a;background:var(--ft-bg)}
.ft::after{background:radial-gradient(closest-side,rgba(79,70,229,.12),transparent)}
.ft-top{background:linear-gradient(180deg,rgba(255,255,255,.03),transparent)}
.ft-top-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:22px 48px;padding:40px 0 36px}
.ft-sub-copy h2{margin:0 0 8px;font:500 clamp(24px,2.5vw,32px)/1.15 "Manrope",var(--display,var(--font));letter-spacing:-.02em;color:#fff}
.ft-sub-copy h2 em{font-style:normal;background:linear-gradient(90deg,#ff5a66,#a5b4fc);-webkit-background-clip:text;background-clip:text;color:transparent}
.ft-sub-copy p{margin:0;font-size:15px;color:var(--ft-ink);max-width:520px}
.ft-sub{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ft-sub-field{flex:1 1 260px;display:flex;align-items:center;gap:10px;height:50px;padding:0 16px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);transition:border-color .2s,background .2s}
.ft-sub-field:focus-within{border-color:#ff5a66;background:rgba(255,255,255,.09)}
.ft-sub-field .ic{color:#9da2c4}
.ft-sub-field input{flex:1;min-width:0;height:100%;border:0;background:none;outline:0;color:#fff;font:400 15px var(--font)}
.ft-sub-field input::placeholder{color:#8a8fb0}
.ft-sub .ft-btn{height:50px;border:0;cursor:pointer;font-family:var(--font)}
.ft-sub button.ft-btn.ghost{background:none;border:1px solid rgba(255,255,255,.22)}
.ft-sub .ft-btn:disabled{opacity:.7;cursor:wait}
.ft-sub-msg{flex-basis:100%;margin:2px 0 0;min-height:18px;font-size:13px}
.ft-sub-msg.ok{color:#34d399}.ft-sub-msg.err{color:#fca5a5}
.ft-hp,.ft .sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ft-hp{left:-9999px}
@media (max-width:900px){.ft-top-in{grid-template-columns:1fr}}
@media (max-width:760px){
  .ft-top-in{padding:30px 0 24px}
  .ft-sub-field{flex-basis:100%;height:48px}
  .ft-sub .ft-btn{flex:1 1 0;height:46px;justify-content:center}
}