/*
Theme Name: Multi Asset Capital
Theme URI: https://www.multiassetcapital.com
Author: Multi Asset Capital
Description: Single-page theme for Multi Asset Capital IMF Pvt. Ltd. AMFI registered mutual fund distributor and IRDAI registered Insurance Marketing Firm. All artwork is inline SVG; no image files required.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: multiasset
Tags: one-page, business, finance, custom-colors
*/

:root{
  --red:#FF3131; --red-dk:#C71F26; --red-lt:#FFF1F1;
  --blue:#3871C1; --blue-dk:#1E4E93; --blue-lt:#E7EEF9;
  --ink:#0D1526; --ink-2:#4E5A72; --ink-3:#8792A6;
  --paper:#fff; --paper-2:#F6F7FA; --rule:#E2E6ED;
  --f:'Raleway',system-ui,sans-serif; --mono:'IBM Plex Mono',ui-monospace,monospace;
  --pad:clamp(20px,5vw,76px); --maxw:1200px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f);font-size:16.5px;line-height:1.66;-webkit-font-smoothing:antialiased}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}
h1,h2,h3,h4{font-weight:800;letter-spacing:-.025em;line-height:1.08;margin:0}
.mono{font-family:var(--mono);font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;font-weight:500}
a{color:inherit} img,svg{display:block;max-width:100%}
:focus-visible{outline:2.5px solid var(--blue);outline-offset:3px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;background:var(--ink);color:#fff;padding:10px 16px;z-index:200;border-radius:3px}

/* header */
.hdr{position:sticky;top:0;z-index:70;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--rule)}
.nav{display:flex;align-items:center;gap:24px;height:72px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none}
.brand img{height:38px;width:auto}
.brand b{font-weight:900;letter-spacing:-.03em;font-size:1rem;line-height:1}
.brand i{display:block;font-family:var(--mono);font-style:normal;font-size:.55rem;letter-spacing:.2em;color:var(--ink-3);margin-top:3px}
.nav ul{display:flex;gap:22px;list-style:none;margin:0 auto 0 12px;padding:0}
.nav ul a{font-size:.86rem;font-weight:600;text-decoration:none;color:var(--ink-2)}
.nav ul a:hover{color:var(--ink)}
.b{font-weight:700;font-size:.84rem;text-decoration:none;padding:10px 17px;border-radius:3px;border:1.5px solid transparent;cursor:pointer;transition:.18s;display:inline-block;font-family:var(--f)}
.b-ink{background:var(--ink);color:#fff;border-color:var(--ink)}.b-ink:hover{background:#000}
.b-blue{background:var(--blue);color:#fff;border-color:var(--blue)}.b-blue:hover{background:var(--blue-dk)}
.b-line{border-color:var(--ink);color:var(--ink)}.b-line:hover{background:var(--ink);color:#fff}
.b-wa{background:#1FA855;border-color:#1FA855;color:#fff}.b-wa:hover{background:#178444}
.b-big{padding:15px 28px;font-size:.95rem}
@media(max-width:1000px){.nav ul{display:none}.nav{justify-content:space-between}}
@media(max-width:560px){.navcta .b-line{display:none}}

/* hero */
.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(24px,5vw,56px);align-items:center;padding:clamp(44px,7vw,86px) 0 clamp(30px,4vw,50px)}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-bottom:10px}}
.kick{display:inline-flex;align-items:center;gap:9px;color:var(--ink-3);margin-bottom:22px}
.kick::before{content:"";width:26px;height:2px;background:var(--red);flex:none}
h1{font-size:clamp(2.5rem,7vw,4.8rem);font-weight:900;letter-spacing:-.038em;max-width:13ch}
h1 em{font-style:normal;color:var(--blue)}
.lede{font-size:clamp(1.04rem,2vw,1.26rem);color:var(--ink-2);max-width:50ch;margin:22px 0 0;font-weight:500}
.cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}

/* life band */
.life{padding:0 0 clamp(46px,6vw,72px)}
.track{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--rule)}
.stage{position:relative;background:none;border:0;padding:24px 16px 20px 2px;text-align:left;cursor:pointer;font-family:var(--f)}
.stage::before{content:"";position:absolute;top:-7px;left:0;width:12px;height:12px;border-radius:50%;background:#fff;border:2.5px solid var(--ink-3);transition:.2s}
.stage:hover::before{border-color:var(--ink)}
.stage.on::before{background:var(--red);border-color:var(--red);transform:scale(1.25)}
.stage .age{font-family:var(--mono);font-size:.71rem;letter-spacing:.1em;color:var(--ink-3);display:block;margin-bottom:5px}
.stage.on .age{color:var(--red)}
.stage h3{font-size:clamp(.95rem,1.8vw,1.24rem);font-weight:800;color:var(--ink-2);transition:.2s}
.stage.on h3,.stage:hover h3{color:var(--ink)}
@media(max-width:760px){.track{grid-template-columns:repeat(4,minmax(146px,1fr));overflow-x:auto;padding-bottom:4px}}
.lpanel{margin-top:10px;border:1px solid var(--rule);border-radius:4px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1px;background:var(--rule);overflow:hidden}
@media(max-width:840px){.lpanel{grid-template-columns:1fr}}
.lp{background:#fff;padding:22px 22px 24px;min-height:180px}
.lp .mono{color:var(--ink-3);display:block;margin-bottom:12px}
.lp-goal p{font-size:1.1rem;font-weight:700;line-height:1.45;margin:0}
.lp ul{list-style:none;margin:0;padding:0}
.lp li{padding:6px 0;font-weight:600;font-size:.93rem;color:var(--ink-2);display:flex;gap:9px;align-items:baseline}
.lp li::before{content:"\2192";color:var(--blue);font-weight:800;flex:none}
.lp-serve li::before{color:var(--red)}
.lnote{margin-top:11px;color:var(--ink-3);font-size:.84rem}

/* marquee */
.marq{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);overflow:hidden;background:var(--paper-2)}
.marq-in{display:flex;gap:52px;padding:15px 0;white-space:nowrap;width:max-content;animation:sl 38s linear infinite}
.marq-in span{font-family:var(--mono);font-size:.73rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}
.marq-in b{color:var(--red);font-weight:400}
@keyframes sl{to{transform:translateX(-50%)}}
.marq:hover .marq-in{animation-play-state:paused}

section{padding:clamp(54px,8vw,100px) 0}
.sk{display:block;margin-bottom:13px;color:var(--red)}
.st{font-size:clamp(1.9rem,4.4vw,3rem);font-weight:900;letter-spacing:-.032em}
.sl{color:var(--ink-2);margin:15px 0 32px;max-width:58ch;font-weight:500}
.alt{background:var(--paper-2);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}

/* stats */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule)}
.stat{background:#fff;padding:28px 24px}
.stat .n{font-family:var(--mono);font-weight:600;font-size:clamp(1.8rem,3.8vw,2.6rem);letter-spacing:-.03em;line-height:1}
.stat .n s{text-decoration:none;color:var(--red)}
.stat p{margin:8px 0 0;color:var(--ink-2);font-weight:600;font-size:.9rem}

/* product cards with svg */
.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(275px,1fr));gap:14px}
.pcard{border:1.5px solid var(--rule);border-radius:5px;padding:24px;text-decoration:none;display:block;transition:.2s;position:relative;background:#fff}
.pcard:hover{border-color:var(--ink);transform:translateY(-3px)}
.pcard svg{width:78px;height:78px;margin-bottom:16px}
.pcard .idx{font-family:var(--mono);font-size:.65rem;letter-spacing:.12em;color:var(--ink-3)}
.pcard h3{font-size:1.28rem;margin:8px 0 7px}
.pcard p{margin:0 0 13px;color:var(--ink-2);font-size:.93rem;font-weight:500}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.tag{font-size:.74rem;font-weight:700;border:1px solid var(--rule);border-radius:99px;padding:4px 10px;color:var(--ink-2)}
.pcard .go{position:absolute;top:22px;right:22px;font-weight:900;color:var(--blue);transition:.2s}
.pcard:hover .go{transform:translateX(4px)}
.pcard.gated{border-style:dashed}
.gate{display:inline-block;margin-top:11px;font-family:var(--mono);font-size:.61rem;letter-spacing:.1em;text-transform:uppercase;color:var(--red-dk);border:1px dashed var(--red-dk);padding:3px 8px;border-radius:2px}

/* wont */
.wont{background:var(--ink);color:#fff}
.wont .st{color:#fff}.wont .sl{color:#9AA5BC}
.wlist{border-top:1px solid #232E47;counter-reset:w}
.w{display:grid;grid-template-columns:64px 1fr;gap:16px;padding:24px 0;border-bottom:1px solid #232E47;counter-increment:w;align-items:baseline}
.w::before{content:counter(w,decimal-leading-zero);font-family:var(--mono);font-size:.98rem;color:var(--red);font-weight:600}
.w h3{font-size:clamp(1.15rem,2.4vw,1.55rem);color:#fff}
.w p{margin:7px 0 0;color:#9AA5BC;max-width:66ch;font-weight:500;font-size:.95rem}
@media(max-width:560px){.w{grid-template-columns:1fr;gap:5px}}

/* calculator */
.cshell{background:#fff;border:1.5px solid var(--rule);border-radius:5px;padding:clamp(22px,4vw,40px)}
.tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:2px solid var(--rule)}
.tab{font-family:var(--f);font-weight:800;font-size:.9rem;background:none;border:0;border-bottom:3px solid transparent;color:var(--ink-3);padding:12px 15px;cursor:pointer;margin-bottom:-2px}
.tab:hover{color:var(--ink)}
.tab.on{color:var(--ink);border-bottom-color:var(--red)}
.pane{display:none;grid-template-columns:1.05fr .95fr;gap:clamp(24px,5vw,50px);padding-top:18px}
.pane.on{display:grid}
@media(max-width:800px){.pane.on{grid-template-columns:1fr}}
.field{margin-top:20px}
.field label{display:flex;justify-content:space-between;align-items:baseline;font-weight:700;font-size:.87rem;color:var(--ink-2);margin-bottom:8px;gap:12px}
.field output{font-family:var(--mono);font-size:.91rem;font-weight:600;white-space:nowrap}
input[type=range]{width:100%;-webkit-appearance:none;appearance:none;background:transparent;height:22px;cursor:pointer;margin:0}
input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--rule);border-radius:2px}
input[type=range]::-moz-range-track{height:4px;background:var(--rule);border-radius:2px}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--blue);margin-top:-8px;border:3px solid #fff;box-shadow:0 1px 4px rgba(13,21,38,.25)}
input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--blue);border:3px solid #fff}
.result{border-left:2px solid var(--rule);padding-left:clamp(0px,3vw,32px);display:flex;flex-direction:column;justify-content:center}
@media(max-width:800px){.result{border-left:0;border-top:2px solid var(--rule);padding-left:0;padding-top:22px;margin-top:22px}}
.result .big{font-family:var(--mono);font-weight:600;font-size:clamp(1.9rem,5.4vw,2.9rem);letter-spacing:-.03em;line-height:1;margin:7px 0;color:var(--blue-dk)}
.result .row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--rule);color:var(--ink-2);font-weight:600;font-size:.89rem}
.result .row b{font-family:var(--mono);font-weight:600;color:var(--ink);font-size:.87rem;white-space:nowrap}
.disc{color:var(--ink-3);font-size:.78rem;margin-top:15px;line-height:1.55;font-weight:500}

/* contact */
.sgrid{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(22px,4vw,46px);align-items:start}
@media(max-width:900px){.sgrid{grid-template-columns:1fr}}
.fsh{border:1.5px solid var(--rule);border-radius:5px;padding:clamp(22px,3.4vw,34px);background:#fff}
.fgr{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:600px){.fgr{grid-template-columns:1fr}}
.in{width:100%;font-family:var(--f);font-weight:500;font-size:.96rem;padding:13px 14px;border:1.5px solid var(--rule);border-radius:3px;background:var(--paper-2)}
.in:focus{border-color:var(--blue);background:#fff;outline:none}
.full{grid-column:1/-1}
.consent{display:flex;gap:11px;align-items:flex-start;margin:15px 0 0;font-size:.83rem;color:var(--ink-2);line-height:1.5;font-weight:500}
.consent input{margin-top:3px;flex:none;width:16px;height:16px;accent-color:var(--blue)}
.oc{display:grid;gap:10px}
.office{border:1.5px solid var(--rule);border-radius:4px;padding:16px 18px;background:#fff}
.office .mono{color:var(--red);display:block;margin-bottom:5px;font-size:.61rem}
.office h4{font-size:.98rem}
.office p{margin:4px 0 0;font-size:.88rem;color:var(--ink-2);line-height:1.5;font-weight:500}
.reach{border:1.5px solid var(--rule);border-radius:4px;padding:16px 18px;background:#fff}
.reach a{display:block;padding:5px 0;text-decoration:none;font-family:var(--mono);font-size:.81rem;font-weight:500}
.reach a:hover{color:var(--blue)}

/* footer */
.ftr{background:var(--ink);color:#9AA5BC;padding:clamp(44px,6vw,70px) 0 28px;font-size:.89rem}
.fg{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}
@media(max-width:900px){.fg{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.fg{grid-template-columns:1fr}}
.flogo{height:74px;width:auto;margin-bottom:16px}
.ftr h4{font-family:var(--mono);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:#6B7896;font-weight:600;margin:0 0 12px}
.ftr ul{list-style:none;margin:0;padding:0}
.ftr li{padding:4px 0}
.ftr a{text-decoration:none;font-weight:500}
.ftr a:hover{color:#fff}
.regs{display:grid;gap:6px;font-family:var(--mono);font-size:.73rem;color:#fff;line-height:1.5}
.regs i{color:#6B7896;font-style:normal;display:block;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}
.soc{display:flex;gap:8px;margin-top:14px}
.soc a{border:1px solid #2B3752;border-radius:3px;padding:7px 11px;font-family:var(--mono);font-size:.63rem;letter-spacing:.1em;text-transform:uppercase}
.soc a:hover{border-color:#fff}
.legal{border-top:1px solid #232E47;margin-top:34px;padding-top:22px}
.legal h5{font-family:var(--mono);font-size:.63rem;letter-spacing:.13em;text-transform:uppercase;color:#6B7896;margin:0 0 7px;font-weight:600}
.legal p{font-size:.77rem;color:#8290A9;line-height:1.65;margin:0 0 17px;font-weight:500}
.legal b{color:#C6CEDD;font-weight:700}
.copy{border-top:1px solid #232E47;padding-top:17px;font-size:.74rem;color:#5D6A88;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-weight:500}

/* float wa */
.fwa{position:fixed;right:18px;bottom:18px;z-index:80;width:54px;height:54px;border-radius:50%;background:#1FA855;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(13,21,38,.28)}
.fwa svg{width:28px;height:28px}

.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto}.reveal{opacity:1;transform:none}}