/* company sections */
.gf-sec{background:linear-gradient(180deg,var(--bg),#EEF2F8)}
.gf{display:grid;grid-template-columns:1.05fr 1fr;gap:22px;align-items:start}
.gf-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gf-g{font:inherit;display:flex;align-items:center;gap:12px;text-align:left;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:14.5px;font-weight:500;color:#2B3350;line-height:1.35;transition:transform .25s var(--ease),border-color .25s,box-shadow .25s,background .25s}
.gf-g:hover{transform:translateY(-2px);border-color:#C7D7FE}
.gf-g .gi{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--sky);color:var(--blue);transition:all .25s}
.gf-g.on{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 20px 40px -24px rgba(10,15,31,.6)}
.gf-g.on .gi{background:var(--blue);color:#fff}
.gf-res{position:sticky;top:90px;border-radius:26px;padding:28px;background:#0B1328;color:#fff;box-shadow:0 50px 90px -50px rgba(10,15,31,.7);overflow:hidden}
.gf-res::before{content:"";position:absolute;width:420px;height:420px;right:-160px;top:-180px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.45),transparent 65%);pointer-events:none}
.gf-res>*{position:relative}
.gf-res.swap>*{animation:pop .5s var(--ease) both}.gf-res.swap>*:nth-child(n+3){animation-delay:.08s}.gf-res.swap>*:nth-child(n+5){animation-delay:.16s}.gf-res.swap>*:nth-child(n+7){animation-delay:.24s}
.gf-k{display:block;font:500 11px var(--fm);text-transform:uppercase;letter-spacing:.06em;color:#7D89A8;margin:18px 0 8px}.gf-k:first-child{margin-top:0}
.gf-res h3{font-size:clamp(22px,2vw,28px);letter-spacing:-.02em}
.gf-why{color:#AAB6D3;margin-top:8px}
.rc{border-radius:18px;padding:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);display:grid;gap:6px}
.rc.main{background:linear-gradient(145deg,rgba(37,99,235,.28),rgba(16,185,129,.1));border-color:rgba(147,197,253,.35)}
.rc-h{display:flex;justify-content:space-between;gap:8px;align-items:center}
.rc-tag{font:600 10.5px var(--fm);text-transform:uppercase;padding:3px 9px;border-radius:99px}
.k-live .rc-tag{background:rgba(16,185,129,.2);color:#6EE7B7}.k-svc .rc-tag{background:rgba(96,165,250,.2);color:#93C5FD}.k-soon .rc-tag{background:rgba(255,255,255,.1);color:#C9D3EA}
.rc-t{font:500 11px var(--fm);color:#8D99B8}
.rc b{font:600 20px var(--fh);letter-spacing:-.01em}.rc p{color:#C3CDE0;font-size:14.5px}
.rc .btn{justify-self:start;margin-top:6px}.rc-l{color:#93B4FF;font-weight:600;font-size:14px}
.in-x{display:grid;grid-template-columns:260px 1fr;gap:18px}
.in-tabs{display:flex;flex-direction:column;gap:6px}
.in-t{font:inherit;display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center;text-align:left;padding:8px;border-radius:14px;border:1px solid transparent;background:none;cursor:pointer;font-weight:500;color:#2B3350;transition:all .2s}
.in-t img{width:46px;height:46px;border-radius:12px;object-fit:cover}
.in-t:hover{background:#fff;border-color:var(--line)}.in-t.on{background:#fff;border-color:var(--line);box-shadow:0 12px 26px -18px rgba(10,15,31,.35);color:var(--ink)}
.in-t.on span::after{content:" \2192";color:var(--blue)}
.in-view{display:grid;grid-template-columns:1fr 1.1fr;border-radius:26px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 50px 90px -60px rgba(10,15,31,.45);min-height:560px}
.in-view.swap .iv-img img{animation:ivz 1.2s var(--ease) both}.in-view.swap .iv-body>*{animation:pop .5s var(--ease) both}.in-view.swap .iv-body>*:nth-child(n+3){animation-delay:.08s}.in-view.swap .iv-body>*:nth-child(n+5){animation-delay:.16s}
@keyframes ivz{from{transform:scale(1.08);opacity:.4}}
.iv-img{position:relative;overflow:hidden;background:var(--navy)}
.iv-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.iv-cap{position:absolute;left:16px;right:16px;bottom:16px;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.93);backdrop-filter:blur(10px);display:grid}
.iv-cap b{font:600 22px var(--fh)}.iv-cap span{font-size:13.5px;color:var(--body)}
.iv-body{padding:30px;display:flex;flex-direction:column}
.iv-body .gf-k{color:var(--mut)}
.iv-ch{font-size:18px;color:var(--ink);font-weight:500;line-height:1.45}
.iv-stack{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.st-c{display:grid;gap:2px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);transition:transform .2s,box-shadow .2s}
.st-c:hover{transform:translateY(-2px);box-shadow:0 14px 28px -18px rgba(10,15,31,.4)}
.st-c b{font-size:14.5px}.st-c span{font:600 10.5px var(--fm);text-transform:uppercase}
.st-c.k-live{background:var(--mintbg);border-color:#A7F3D0}.st-c.k-live span{color:#047857}
.st-c.k-svc{background:var(--sky);border-color:#C7D7FE}.st-c.k-svc span{color:var(--blue2)}
.st-c.k-soon{background:#F4F6FA}.st-c.k-soon span{color:var(--mut)}
.iv-out{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:8px}
.iv-out li{display:flex;gap:10px;font-size:15px;color:var(--body)}
.iv-out li::before{content:"";flex:none;width:18px;height:18px;margin-top:2px;border-radius:50%;background:var(--mintbg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='%23059669' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.iv-body .btn{align-self:flex-start;margin-top:auto}
@media(max-width:1020px){.gf{grid-template-columns:1fr}.gf-res{position:relative;top:0}.in-x{grid-template-columns:1fr}.in-tabs{flex-direction:row;overflow-x:auto;padding-bottom:4px}.in-t{grid-template-columns:1fr;min-width:112px}.in-t img{width:100%;height:60px}.in-view{grid-template-columns:1fr}.iv-img{height:240px}}
@media(max-width:600px){.gf-list{grid-template-columns:1fr}.iv-stack{grid-template-columns:1fr}.iv-body{padding:22px}.gf-res{padding:22px}}
