/* DST MFD kit — shared home sections (fund types, ways to invest, investor services, myths, tools, fund houses).
   Themed entirely by the --k-* variables set per site. */
.k-sec,.k-footnav{--k-g:max(16px,env(safe-area-inset-left,0px));font-family:var(--k-body);color:var(--k-text);-webkit-font-smoothing:antialiased}
.k-sec{background:var(--k-bg);padding:clamp(64px,8vw,104px) 0;position:relative;overflow:hidden}
.k-sec.k-alt{background:var(--k-alt)}
.k-sec *,.k-footnav *{box-sizing:border-box}
.k-wrap{max-width:1200px;margin:0 auto;padding:0 var(--k-g)}
@media (min-width:760px){.k-sec,.k-footnav{--k-g:32px}}
.k-head{max-width:760px;margin:0 0 clamp(28px,4vw,44px)}
.k-head.k-center{margin-left:auto;margin-right:auto;text-align:center}
.k-eb{display:inline-flex;align-items:center;gap:10px;font:700 13px/1.2 var(--k-body);letter-spacing:.12em;text-transform:uppercase;color:var(--k-acc-ink);margin:0 0 14px}
.k-eb::before{content:"";width:26px;height:3px;border-radius:3px;background:var(--k-acc)}
.k-h2{font:var(--k-hw,800) clamp(28px,3.6vw,44px)/1.14 var(--k-display);color:var(--k-ink);letter-spacing:-.01em;margin:0 0 14px;text-wrap:balance}
.k-h3{font:var(--k-h3w,700) 19px/1.3 var(--k-display);color:var(--k-ink);margin:0 0 8px}
.k-lead{font-size:clamp(16.5px,1.4vw,18.5px);line-height:1.65;color:var(--k-muted);margin:0 auto;max-width:62ch}
.k-head:not(.k-center) .k-lead{margin-left:0}
.k-sec p{margin:0}
.k-note{margin:28px auto 0;max-width:780px;text-align:center;font-size:13.5px;line-height:1.6;color:var(--k-muted)}
.k-note.k-small{font-size:12.5px;margin-top:22px}
.k-ico{width:48px;height:48px;border-radius:calc(var(--k-r) * .6);display:grid;place-items:center;background:var(--k-pri);color:var(--k-on-pri);flex:none;transition:transform .4s cubic-bezier(.2,.7,.2,1),background .3s,color .3s}
.k-ico svg{width:24px;height:24px}
.k-arr{display:inline-grid;width:16px;height:16px;transition:transform .3s}
.k-arr svg{width:16px;height:16px}
.k-grid{display:grid;gap:18px}
.k-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.k-g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.k-g5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1100px){.k-g5{grid-template-columns:repeat(3,minmax(0,1fr))}.k-g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.k-g3,.k-g5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.k-g3,.k-g4,.k-g5{grid-template-columns:1fr}}
.k-card{background:var(--k-card);border:1px solid var(--k-line);border-radius:var(--k-r);padding:24px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 10px 26px -18px rgba(0,0,0,.25);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s;min-width:0;color:var(--k-text)}
.k-card:hover{transform:translateY(-4px);box-shadow:0 2px 6px rgba(0,0,0,.05),0 22px 44px -20px rgba(0,0,0,.32);border-color:var(--k-acc)}
.k-card:hover .k-ico{transform:rotate(-6deg) scale(1.06);background:var(--k-acc);color:var(--k-on-acc)}
.k-card p{font-size:15px;line-height:1.6;color:var(--k-muted)}
.k-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border-radius:var(--k-br);background:var(--k-acc);color:var(--k-on-acc);font:700 15.5px/1.1 var(--k-body);text-decoration:none;transition:transform .3s,box-shadow .3s;box-shadow:0 10px 22px -12px rgba(0,0,0,.45)}
.k-btn:hover{transform:translateY(-2px)}
.k-link{display:inline-flex;align-items:center;gap:6px;margin-top:14px;min-height:44px;font:700 15px var(--k-body);color:var(--k-ink);text-decoration:none}
.k-link:hover .k-arr,.k-svc:hover .k-arr,.k-exp:hover .k-arr{transform:translateX(4px)}
.k-sec a:focus-visible,.k-sec button:focus-visible,.k-footnav a:focus-visible{outline:3px solid var(--k-acc);outline-offset:3px}

/* fund types */
.k-catbox{background:var(--k-card);border:1px solid var(--k-line);border-radius:calc(var(--k-r) * 1.3);padding:clamp(14px,2.4vw,28px);box-shadow:0 18px 44px -28px rgba(0,0,0,.35)}
.k-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 18px;margin:0 0 18px;border-bottom:1px solid var(--k-line)}
.k-tabs::-webkit-scrollbar{display:none}
.k-tab{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:8px 16px 8px 8px;border-radius:999px;border:1.5px solid var(--k-line);background:var(--k-card);color:var(--k-ink);font:700 15px var(--k-body);cursor:pointer;transition:background .3s,color .3s,border-color .3s}
.k-tico{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--k-acc-soft);color:var(--k-ink)}
.k-tico svg{width:17px;height:17px}
.k-tab[aria-selected="true"]{background:var(--k-pri);border-color:var(--k-pri);color:var(--k-on-pri)}
.k-tab[aria-selected="true"] .k-tico{background:var(--k-acc);color:var(--k-on-acc)}
.k-panel{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(18px,3vw,40px);align-items:start;animation:kfade .5s cubic-bezier(.2,.7,.2,1)}
.k-panel[hidden]{display:none}
@keyframes kfade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.k-pmain{display:flex;gap:18px;align-items:flex-start}
.k-pmain .k-h3{font-size:clamp(21px,2vw,25px)}
.k-pmain p{font-size:16.5px;line-height:1.65;color:var(--k-muted)}
.k-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:16px 0 0;padding:0}
.k-chips li{padding:6px 13px;border-radius:999px;background:var(--k-alt);border:1px solid var(--k-line);font-size:14px;font-weight:600;color:var(--k-ink)}
.k-facts{margin:0;display:grid;gap:12px;background:var(--k-alt);border:1px solid var(--k-line);border-radius:var(--k-r);padding:18px}
.k-facts dt{font-size:13px;color:var(--k-muted);letter-spacing:.02em}
.k-facts dd{margin:2px 0 0;font:700 18px/1.3 var(--k-display);color:var(--k-ink)}
.k-fcta .k-btn{width:100%}
@media (max-width:760px){.k-panel{grid-template-columns:1fr}.k-pmain{flex-direction:column;gap:12px}}

/* ways + services */
.k-way{display:flex;flex-direction:column}
.k-way .k-ico{margin-bottom:16px}
.k-way .k-link{margin-top:auto;padding-top:14px}
.k-svc{display:flex;gap:14px;align-items:flex-start;text-decoration:none}
.k-svc b{display:block;font:700 17px/1.3 var(--k-display);color:var(--k-ink);margin-bottom:4px}
.k-svc>span:last-child>span{display:block;font-size:14.5px;line-height:1.55;color:var(--k-muted)}
.k-svc em{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font:700 14px var(--k-body);font-style:normal;color:var(--k-acc-ink)}
.k-svc .k-ico{width:44px;height:44px}

/* myths */
.k-tag{display:inline-block;padding:4px 12px;border-radius:999px;background:#fdecea;border:1px solid #f3c4be;color:#b23a2e;font:700 12px/1.4 var(--k-body);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}
.k-myth p b{color:var(--k-leaf)}

/* tools band (dark) */
.k-sec.k-dark{background:radial-gradient(900px 420px at 88% 0%,var(--k-pri2) 0%,transparent 60%),var(--k-pri);color:var(--k-on-pri)}
.k-dark .k-h2{color:var(--k-on-pri)}
.k-dark .k-lead{color:var(--k-on-pri2)}
.k-dark .k-eb{color:var(--k-acc)}
.k-exp{display:flex;flex-direction:column;gap:6px;text-decoration:none;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);color:var(--k-on-pri);box-shadow:none}
.k-exp .k-ico{background:var(--k-acc);color:var(--k-on-acc);margin-bottom:10px}
.k-exp b{font:700 21px/1.25 var(--k-display);color:var(--k-on-pri)}
.k-exp span:not(.k-ico):not(.k-arr){font-size:15px;line-height:1.55;color:var(--k-on-pri2)}
.k-exp em{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font:700 15px var(--k-body);font-style:normal;color:var(--k-acc)}
.k-exp:hover{background:rgba(255,255,255,.1);border-color:var(--k-acc)}

/* fund-house belt */
.k-amc{padding-bottom:clamp(48px,6vw,72px)}
.k-amc-belt{display:grid;gap:14px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.k-amc-row{display:flex;width:max-content}
.k-amc-track{display:flex;gap:14px;list-style:none;margin:0;padding:0 7px;animation:kmarq 70s linear infinite}
.k-rev .k-amc-track{animation-direction:reverse;animation-duration:80s}
.k-amc-belt:hover .k-amc-track{animation-play-state:paused}
@keyframes kmarq{to{transform:translateX(-100%)}}
.k-amc-i{flex:none;display:flex;flex-direction:column;justify-content:center;min-width:190px;height:78px;padding:10px 22px;border-radius:var(--k-r);background:var(--k-card);border:1px solid var(--k-line);box-shadow:0 8px 20px -16px rgba(0,0,0,.3)}
.k-amc-i span{font:700 17px/1.2 var(--k-display);color:var(--k-ink);white-space:nowrap}
.k-amc-i small{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--k-muted)}
.k-amc-i img{max-height:46px;max-width:160px;width:auto;height:auto;object-fit:contain}
@media (prefers-reduced-motion:reduce){
  .k-amc-belt{-webkit-mask-image:none;mask-image:none}
  .k-amc-row{width:auto;max-width:1200px;margin:0 auto;padding:0 var(--k-g)}
  .k-amc-track{animation:none;flex-wrap:wrap;justify-content:center}
  .k-amc-track[aria-hidden]{display:none}
  .k-panel{animation:none}
}

/* stagger reveal (only when JS adds .k-js) */
.k-js [data-kstag]>*{opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.k-js [data-kstag].k-in>*{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.k-js [data-kstag]>*{opacity:1;transform:none;transition:none}}

/* extra page links strip above the template footer */
.k-footnav{background:var(--k-pri);border-top:1px solid rgba(255,255,255,.08)}
.k-footnav .k-wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 22px;padding-top:14px;padding-bottom:14px}
.k-footnav a{display:inline-flex;align-items:center;min-height:44px;color:var(--k-on-pri);font:600 15px var(--k-body);text-decoration:none;opacity:.88}
.k-footnav a:hover{opacity:1;color:var(--k-acc)}