/* Bootstrap 5 is loaded from the CDN in each HTML page. These rules preserve the original Bumasan visuals. */

*{box-sizing:border-box;margin:0;padding:0}
:root{
  --bm:#1A3FBF;--bmd:#122E99;--bml:#EEF3FF;--bmlt:#C8D6FF;
  --gn:#0B6B52;--gnl:#E4F5EF;--gnlt:#A3DEC8;
  --pu:#4E36B0;--pul:#F0EEFF;--pult:#C8BFEF;
  --am:#B5700F;--aml:#FEF4E4;
  --re:#AA2E1F;--rel:#FDECEA;
  --ink:#0F1118;--ink2:#3A3D4A;--ink3:#6B6F7E;
  --ln:#E4E6ED;--sf:#F7F8FC;--wh:#FFFFFF;
  --fd:'Instrument Serif',serif;
  --fb:'DM Sans',sans-serif;
}
html{scroll-behavior:smooth}
body{font-family:var(--fb);color:var(--ink);background:var(--wh);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
/* NAV */
.nav{position:sticky;top:0;z-index:200;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:6px;padding:0 28px;height:58px}
.navlogo{display:flex;align-items:center;gap:8px;cursor:pointer;margin-right:12px}
.navmark{width:30px;height:30px;background:var(--bm);border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.navmark svg{width:15px;height:15px;stroke:#fff;stroke-width:2;fill:none;stroke-linecap:round}
.navwm{font-family:var(--fd);font-size:19px;color:var(--ink);letter-spacing:-.01em}
.navwm em{color:var(--bm);font-style:normal}
.navlinks{display:flex;gap:1px}
.nl{font-size:13px;color:var(--ink2);padding:6px 11px;border-radius:6px;cursor:pointer;border:none;background:transparent;font-family:var(--fb);transition:background .15s}
.nl:hover,.nl.on{background:var(--sf);color:var(--ink)}
.navr{margin-left:auto;display:flex;align-items:center;gap:8px}
.lsw{display:flex;gap:2px;border:1px solid var(--ln);border-radius:6px;padding:2px}
.lb{font-size:11px;font-weight:500;padding:3px 7px;border-radius:4px;cursor:pointer;border:none;background:transparent;color:var(--ink3);font-family:var(--fb);transition:all .15s}
.lb.on{background:var(--bm);color:#fff}
/* BUTTONS */
.btn{font-family:var(--fb);cursor:pointer;border:none;border-radius:10px;font-size:14px;font-weight:500;transition:all .18s;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.btn-g{background:transparent;color:var(--ink2);padding:8px 16px;border:1px solid var(--ln)}
.btn-g:hover{border-color:var(--bm);color:var(--bm)}
.btn-p{background:var(--bm);color:#fff;padding:9px 20px}
.btn-p:hover{background:var(--bmd)}
.btn-gn{background:var(--gn);color:#fff;padding:9px 20px}
.btn-pu{background:var(--pu);color:#fff;padding:9px 20px}
.btn-lg{padding:13px 28px;font-size:15px;border-radius:14px}
.btn-sm{padding:6px 14px;font-size:12px;border-radius:7px}
.btn-w{background:#fff;color:var(--bm);padding:12px 24px;font-size:14px;font-weight:500;border-radius:10px}
.btn-ow{background:transparent;color:#fff;padding:12px 24px;font-size:14px;border-radius:10px;border:1px solid rgba(255,255,255,.4)}
.btn-ow:hover{background:rgba(255,255,255,.1)}
.btn-blk{width:100%}
/* LAYOUT */
.page{display:none}
.page.on{display:block}
.con{max-width:1060px;margin:0 auto;padding:0 28px}
.sec{padding:68px 0}
.tag{display:inline-block;font-size:10px;font-weight:500;letter-spacing:.06em;padding:4px 11px;border-radius:20px;margin-bottom:12px}
.tag-b{background:var(--bml);color:var(--bm)}
.tag-g{background:var(--gnl);color:var(--gn)}
.tag-p{background:var(--pul);color:var(--pu)}
.tag-a{background:var(--aml);color:var(--am)}
.dsp{font-family:var(--fd);font-size:clamp(30px,4.5vw,50px);line-height:1.1;letter-spacing:-.02em;color:var(--ink)}
.dsp em{color:var(--bm);font-style:italic}
.dsp-md{font-family:var(--fd);font-size:clamp(22px,3vw,36px);line-height:1.15;letter-spacing:-.02em;color:var(--ink)}
.dsp-sm{font-family:var(--fd);font-size:22px;line-height:1.2;letter-spacing:-.01em;color:var(--ink)}
.lead{font-size:16px;color:var(--ink2);line-height:1.75;max-width:580px}
.bt{font-size:14px;color:var(--ink2);line-height:1.7}
.cap{font-size:12px;color:var(--ink3)}
.hdiv{border:none;border-top:1px solid var(--ln)}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
/* CARDS */
.card{background:var(--wh);border:1px solid var(--ln);border-radius:16px;padding:20px 22px}
.card-s{background:var(--sf);border:1px solid var(--ln);border-radius:16px;padding:20px 22px}
.card-b{background:var(--bml);border:1px solid var(--bmlt);border-radius:16px;padding:20px 22px}
.card-g{background:var(--gnl);border:1px solid var(--gnlt);border-radius:16px;padding:20px 22px}
.card-p{background:var(--pul);border:1px solid var(--pult);border-radius:16px;padding:20px 22px}
/* BADGES */
.bdg{display:inline-block;font-size:10px;font-weight:500;padding:2px 8px;border-radius:20px}
.bdg-v{background:var(--gnl);color:var(--gn)}
.bdg-pp{background:var(--pul);color:var(--pu)}
.bdg-b{background:var(--bml);color:var(--bm)}
.bdg-new{background:#E4F5EF;color:#0B6B52}
.bdg-pnd{background:var(--aml);color:var(--am)}
.bdg-acc{background:var(--bml);color:var(--bm)}
.bdg-done{background:var(--gnl);color:var(--gn)}
.bdg-held{background:var(--pul);color:var(--pu)}
.bdg-dis{background:var(--rel);color:var(--re)}
/* STEPS */
.slist{display:flex;flex-direction:column;gap:0}
.srow{display:grid;grid-template-columns:50px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--ln)}
.srow:last-child{border-bottom:none}
.slft{display:flex;flex-direction:column;align-items:center}
.snum{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-size:17px;flex-shrink:0}
.sn-b{background:var(--bml);color:var(--bm)}
.sn-g{background:var(--gnl);color:var(--gn)}
.sn-p{background:var(--pul);color:var(--pu)}
.sn-a{background:var(--aml);color:var(--am)}
.sline{width:1px;flex:1;background:var(--ln);margin-top:7px}
.wp{display:inline-block;font-size:10px;font-weight:500;padding:2px 9px;border-radius:20px;margin-bottom:7px}
.wp-b{background:var(--bml);color:var(--bm)}
.wp-g{background:var(--gnl);color:var(--gn)}
.wp-p{background:var(--pul);color:var(--pu)}
.wp-n{background:var(--sf);color:var(--ink3);border:1px solid var(--ln)}
.stitle{font-size:15px;font-weight:500;color:var(--ink);margin-bottom:5px}
.sbody{font-size:13px;color:var(--ink2);line-height:1.7;margin-bottom:9px}
.snote{background:var(--sf);border-radius:8px;padding:10px 14px;font-size:12px;color:var(--ink2);line-height:1.6;border-left:3px solid var(--bmlt)}
.snote.gn{border-left-color:var(--gnlt)}
.snote.pu{border-left-color:var(--pult)}
/* FEATURE GRID */
.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.fc{background:var(--sf);border-radius:16px;padding:22px;border:1px solid var(--ln);transition:border-color .2s}
.fc:hover{border-color:var(--bmlt)}
.fic{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.fic-b{background:var(--bml)}.fic-b svg{stroke:var(--bm)}
.fic-g{background:var(--gnl)}.fic-g svg{stroke:var(--gn)}
.fic-p{background:var(--pul)}.fic-p svg{stroke:var(--pu)}
.fic-a{background:var(--aml)}.fic-a svg{stroke:var(--am)}
.fic svg{width:17px;height:17px;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ftitle{font-size:14px;font-weight:500;color:var(--ink);margin-bottom:5px}
.fdesc{font-size:13px;color:var(--ink2);line-height:1.6}
/* CTA */
.cta-sec{padding:68px 0;text-align:center}
.cta-blue{background:var(--bm)}
.cta-green{background:var(--gn)}
.cta-pu{background:var(--pu)}
.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.dark-sec{background:var(--ink);padding:60px 0}
/* STATS BAR */
.stats-bar{background:var(--ink);padding:0}
.stsi{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.08)}
.stsc{background:var(--ink);padding:26px 28px;text-align:center}
.stsn{font-family:var(--fd);font-size:34px;color:#fff;letter-spacing:-.02em;margin-bottom:5px}
.stsl{font-size:12px;color:rgba(255,255,255,.45)}
/* PORTAL CARDS */
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.pcard{border-radius:16px;padding:26px;cursor:pointer;border:1.5px solid transparent;transition:all .2s}
.pcard:hover{transform:translateY(-2px)}
.pc-b{background:var(--bml);border-color:var(--bmlt)}.pc-b:hover{border-color:var(--bm)}
.pc-g{background:var(--gnl);border-color:var(--gnlt)}.pc-g:hover{border-color:var(--gn)}
.pcic{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.pc-b .pcic{background:var(--bm)}.pc-g .pcic{background:var(--gn)}
.pcic svg{width:17px;height:17px;stroke:#fff;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.pclbl{font-size:9px;font-weight:500;letter-spacing:.06em;margin-bottom:5px}
.pc-b .pclbl{color:var(--bm)}.pc-g .pclbl{color:var(--gn)}
.pctitle{font-family:var(--fd);font-size:19px;color:var(--ink);margin-bottom:7px}
.pcdesc{font-size:13px;color:var(--ink2);line-height:1.6;margin-bottom:14px}
.pcarr{font-size:12px;font-weight:500}
.pc-b .pcarr{color:var(--bm)}.pc-g .pcarr{color:var(--gn)}
/* HERO VISUAL */
.hvc{background:var(--wh);border:1px solid var(--ln);border-radius:10px;padding:14px;margin-bottom:9px}
.hvc:last-child{margin-bottom:0}
.hvtop{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:7px}
.hvn{font-size:13px;font-weight:500;color:var(--ink)}
.hvcat{font-size:11px;color:var(--ink3);margin-bottom:5px}
.hvtags{display:flex;gap:3px;flex-wrap:wrap}
.hvtag{font-size:10px;padding:2px 7px;border-radius:6px;background:var(--sf);color:var(--ink3);border:1px solid var(--ln)}
.hvfoot{display:flex;justify-content:space-between;margin-top:9px;padding-top:9px;border-top:1px solid var(--ln)}
.hvmoq{font-size:11px;color:var(--ink3)}
.hvrat{font-size:11px;color:var(--am);font-weight:500}
/* DASHBOARD */
.dw{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 58px)}
.sb{border-right:1px solid var(--ln);padding:16px 0;background:var(--wh);position:sticky;top:58px;height:calc(100vh - 58px);overflow-y:auto}
.sbuser{padding:14px 16px;border-bottom:1px solid var(--ln);margin-bottom:8px}
.sbun{font-size:13px;font-weight:500;color:var(--ink)}
.sbus{font-size:11px;color:var(--ink3);margin-top:2px}
.sbsec{font-size:10px;font-weight:500;color:var(--ink3);letter-spacing:.05em;padding:10px 16px 4px}
.sbi{display:flex;align-items:center;gap:9px;padding:8px 16px;cursor:pointer;font-size:13px;color:var(--ink2);border:none;background:transparent;width:100%;text-align:left;font-family:var(--fb);transition:background .12s;position:relative}
.sbi:hover{background:var(--sf);color:var(--ink)}
.sbi.ob{background:var(--bml);color:var(--bm);font-weight:500}
.sbi.ob svg{stroke:var(--bm)!important}
.sbi.og{background:var(--gnl);color:var(--gn);font-weight:500}
.sbi.og svg{stroke:var(--gn)!important}
.sbi.op{background:var(--pul);color:var(--pu);font-weight:500}
.sbi.op svg{stroke:var(--pu)!important}
.sbi svg{width:14px;height:14px;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke:var(--ink3);flex-shrink:0}
.sbbdg{margin-left:auto;font-size:10px;font-weight:500;padding:1px 6px;border-radius:20px;background:var(--bm);color:#fff}
.sbbdg.g{background:var(--gn)}
.dm{padding:24px;background:var(--sf);min-height:calc(100vh - 58px)}
.dh{margin-bottom:20px}
.dtitle{font-size:18px;font-weight:500;color:var(--ink)}
.dsub{font-size:13px;color:var(--ink3);margin-top:3px}
.mrow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}
.mc{background:var(--wh);border-radius:10px;padding:14px 16px;border:1px solid var(--ln)}
.mcn{font-family:var(--fd);font-size:26px;color:var(--ink);margin-bottom:2px}
.mcl{font-size:11px;color:var(--ink3)}
/* SUPPLIER GRID */
.sgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.scard{border:1px solid var(--ln);border-radius:10px;padding:14px;cursor:pointer;background:var(--wh);transition:border-color .15s}
.scard:hover{border-color:var(--bm)}
.sctop{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}
.scn{font-size:13px;font-weight:500;color:var(--ink)}
.sccat{font-size:11px;color:var(--ink3);margin-bottom:6px}
.sctags{display:flex;gap:3px;flex-wrap:wrap;margin-bottom:8px}
.sctag{font-size:10px;padding:2px 7px;border-radius:6px;background:var(--sf);color:var(--ink3);border:1px solid var(--ln)}
.scfoot{display:flex;justify-content:space-between;padding-top:8px;border-top:1px solid var(--ln)}
.scmoq{font-size:11px;color:var(--ink3)}
.scrat{font-size:11px;color:var(--am);font-weight:500}
/* RFQ LIST */
.rlist{display:flex;flex-direction:column;gap:9px}
.ri{border:1px solid var(--ln);border-radius:10px;padding:13px 14px;background:var(--wh);display:grid;grid-template-columns:1fr auto;gap:10px;cursor:pointer;transition:border-color .15s}
.ri:hover{border-color:var(--bmlt)}
.ri.rnew{border-left:3px solid var(--gn)}
.ri.rpnd{border-left:3px solid var(--am)}
.ri.racc{border-left:3px solid var(--bm)}
.ritn{font-size:13px;font-weight:500;color:var(--ink);margin-bottom:3px}
.ridet{font-size:11px;color:var(--ink3);margin-bottom:5px}
.ritags{display:flex;gap:3px;flex-wrap:wrap}
.ritag{font-size:10px;padding:2px 6px;border-radius:6px;background:var(--sf);color:var(--ink3);border:1px solid var(--ln)}
.rima{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.ridate{font-size:10px;color:var(--ink3)}
/* ESCROW ITEMS */
.elist{display:flex;flex-direction:column;gap:10px}
.eitem{background:var(--wh);border:1px solid var(--ln);border-radius:16px;padding:16px 18px}
.eitem.edis{border-left:3px solid var(--re)}
.eitop{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}
.eititl{font-size:13px;font-weight:500;color:var(--ink);margin-bottom:3px}
.eipar{font-size:11px;color:var(--ink3)}
.eiamt{font-family:var(--fd);font-size:18px;color:var(--ink);text-align:right}
.eiprog{height:4px;background:var(--ln);border-radius:2px;margin-bottom:7px;overflow:hidden}
.ebar{height:4px;border-radius:2px}
.eb-b{background:var(--bm)}.eb-g{background:var(--gn)}.eb-a{background:var(--am)}.eb-r{background:var(--re)}
.eisteps{display:flex;justify-content:space-between;font-size:10px;color:var(--ink3);margin-bottom:12px}
.eisteps span.ed{color:var(--gn);font-weight:500}
.eisteps span.ea{color:var(--bm);font-weight:500}
.eifoot{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid var(--ln)}
.eiact{display:flex;gap:6px}
/* MESSAGING */
.mlayout{display:grid;grid-template-columns:280px 1fr;height:calc(100vh - 58px);background:var(--wh)}
.msb{border-right:1px solid var(--ln);display:flex;flex-direction:column}
.msbh{padding:14px 16px;border-bottom:1px solid var(--ln);display:flex;align-items:center;justify-content:space-between}
.msbht{font-size:14px;font-weight:500;color:var(--ink)}
.mconvs{flex:1;overflow-y:auto}
.mconv{display:flex;align-items:center;gap:10px;padding:11px 16px;cursor:pointer;border-bottom:.5px solid var(--ln);transition:background .12s}
.mconv:hover{background:var(--sf)}
.mconv.on{background:var(--bml)}
.mava{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;flex-shrink:0}
.av-b{background:var(--bml);color:var(--bm)}
.av-g{background:var(--gnl);color:var(--gn)}
.av-p{background:var(--pul);color:var(--pu)}
.av-n{background:var(--sf);color:var(--ink3);border:1px solid var(--ln)}
.mcni{flex:1;min-width:0}
.mcnn{font-size:13px;font-weight:500;color:var(--ink)}
.mcnp{font-size:11px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}
.mcnm{text-align:right;flex-shrink:0}
.mcnt{font-size:10px;color:var(--ink3)}
.munread{width:8px;height:8px;border-radius:50%;background:var(--bm);margin:3px 0 0 auto}
.mmain{display:flex;flex-direction:column}
.mmh{padding:14px 20px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:12px;background:var(--wh)}
.mmhn{font-size:14px;font-weight:500;color:var(--ink)}
.mmhs{font-size:11px;color:var(--ink3)}
.mbody{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px;background:var(--sf)}
.mbw{display:flex;flex-direction:column;max-width:68%}
.mbw.them{align-self:flex-start}
.mbw.us{align-self:flex-end}
.mbb{padding:10px 14px;border-radius:10px;font-size:13px;line-height:1.6}
.them .mbb{background:var(--wh);color:var(--ink);border:1px solid var(--ln)}
.us .mbb{background:var(--bm);color:#fff}
.mts{font-size:10px;color:var(--ink3);padding:3px 4px}
.us .mts{text-align:right}
.msys{text-align:center;font-size:11px;color:var(--ink3);padding:4px 0}
.mfoot{padding:14px 16px;border-top:1px solid var(--ln);display:flex;gap:8px;background:var(--wh)}
.minp{flex:1;padding:9px 14px;border-radius:8px;border:1px solid var(--ln);background:var(--wh);font-size:13px;color:var(--ink);font-family:var(--fb)}
.minp:focus{outline:none;border-color:var(--bm)}
/* SUPPLIER PROFILE */
.prhero{background:var(--sf);border-bottom:1px solid var(--ln);padding:40px 0}
.prlogo{width:72px;height:72px;border-radius:14px;background:var(--bml);display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-size:24px;color:var(--bm);flex-shrink:0;border:1px solid var(--bmlt)}
.prname{font-family:var(--fd);font-size:28px;color:var(--ink);margin-bottom:4px;letter-spacing:-.01em}
.prloc{font-size:14px;color:var(--ink3);margin-bottom:10px}
.prstats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--ln);border-radius:10px;overflow:hidden;margin-top:20px}
.prst{background:var(--wh);padding:14px 16px;text-align:center}
.prsn{font-family:var(--fd);font-size:22px;color:var(--ink);margin-bottom:2px}
.prsl{font-size:11px;color:var(--ink3)}
.ptabs{display:flex;gap:2px;border-bottom:1px solid var(--ln);margin-bottom:28px}
.ptab{font-size:13px;color:var(--ink3);padding:9px 16px;cursor:pointer;border:none;background:transparent;font-family:var(--fb);border-bottom:2px solid transparent;margin-bottom:-1px}
.ptab.on{color:var(--bm);border-bottom-color:var(--bm);font-weight:500}
.ptab:hover{color:var(--ink)}
.prodgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.prodcard{border:1px solid var(--ln);border-radius:10px;overflow:hidden;cursor:pointer;background:var(--wh)}
.prodimg{height:110px;background:var(--sf);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--ln)}
.prodimg svg{width:32px;height:32px;stroke:var(--ink3);stroke-width:1.2;fill:none}
.prodinf{padding:12px}
.prodn{font-size:13px;font-weight:500;color:var(--ink);margin-bottom:3px}
.prodm{font-size:11px;color:var(--ink3)}
.certgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.certcard{border:1px solid var(--ln);border-radius:10px;padding:14px;display:flex;align-items:flex-start;gap:12px;background:var(--wh)}
.certic{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.certic.v{background:var(--gnl)}.certic.v svg{stroke:var(--gn)}
.certic svg{width:16px;height:16px;stroke-width:1.8;fill:none;stroke-linecap:round}
.certn{font-size:13px;font-weight:500;color:var(--ink);margin-bottom:2px}
.certe{font-size:11px;color:var(--gn);font-weight:500}
/* RFQ FORM */
.fsec{background:var(--wh);border:1px solid var(--ln);border-radius:16px;padding:20px 22px;margin-bottom:14px}
.fsect{font-size:14px;font-weight:500;color:var(--ink);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--ln)}
.fgd{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ffl{display:flex;flex-direction:column;gap:5px}
.flab{font-size:11px;font-weight:500;color:var(--ink3);letter-spacing:.03em}
.finp,.fsel,.fta{padding:9px 12px;border-radius:8px;border:1px solid var(--ln);background:var(--wh);font-size:13px;color:var(--ink);font-family:var(--fb);transition:border-color .15s}
.finp:focus,.fsel:focus,.fta:focus{outline:none;border-color:var(--bm)}
.fta{height:80px;resize:vertical}
.fful{grid-column:1/-1}
.ssgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ssc{border:1px solid var(--ln);border-radius:10px;padding:12px;cursor:pointer;transition:all .15s;background:var(--wh)}
.ssc:hover{border-color:var(--bmlt)}
.ssc.sel{border-color:var(--bm);background:var(--bml)}
.sscn{font-size:12px;font-weight:500;color:var(--ink);margin-bottom:2px}
.sscc{font-size:10px;color:var(--ink3)}
.ssch{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--ln);margin-left:auto;margin-top:6px;transition:all .15s;display:flex;align-items:center;justify-content:center}
.ssc.sel .ssch{background:var(--bm);border-color:var(--bm)}
.ssc.sel .ssch::after{content:"checkmark";content:"✓";font-size:9px;color:#fff;font-weight:500}
.qcmp{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}
.qcard{border:1px solid var(--ln);border-radius:16px;overflow:hidden;background:var(--wh)}
.qcard.best{border-color:var(--gn);border-width:2px}
.qch{padding:14px 16px;border-bottom:1px solid var(--ln);display:flex;justify-content:space-between;align-items:flex-start}
.qcn{font-size:13px;font-weight:500;color:var(--ink)}
.qcbody{padding:14px 16px}
.qcr{display:flex;justify-content:space-between;padding:6px 0;border-bottom:.5px solid var(--ln);font-size:12px}
.qcr:last-child{border-bottom:none}
.qcl{color:var(--ink3)}
.qcv{font-weight:500;color:var(--ink)}
.qcpbig{font-family:var(--fd);font-size:28px;color:var(--ink);margin-bottom:4px;letter-spacing:-.01em}
.qcfoot{padding:12px 16px;border-top:1px solid var(--ln)}
/* ESCROW CENTER */
.emr{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}
.etabs{display:flex;gap:6px;margin-bottom:16px}
.etab{font-size:12px;font-weight:500;padding:5px 14px;border-radius:20px;border:1px solid var(--ln);background:var(--sf);color:var(--ink3);cursor:pointer;font-family:var(--fb)}
.etab.op{background:var(--pul);color:var(--pu);border-color:var(--pult)}
.etab.ob{background:var(--bml);color:var(--bm);border-color:var(--bmlt)}
/* MILESTONE */
.mst{background:var(--sf);border-radius:16px;padding:20px;border:1px solid var(--ln);margin-bottom:20px}
.mstt{font-size:12px;font-weight:500;color:var(--ink);margin-bottom:18px}
.mstps{display:flex;gap:0;align-items:flex-start}
.msp{flex:1;text-align:center;position:relative}
.mspln{position:absolute;top:17px;left:50%;width:100%;height:2px;background:var(--ln);z-index:0}
.mspln.d{background:var(--gn)}
.mspln.a{background:var(--pu)}
.mspdot{width:34px;height:34px;border-radius:50%;margin:0 auto 7px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;position:relative;z-index:1}
.dotd{background:var(--gn);color:#fff}
.dota{background:var(--pu);color:#fff}
.dott{background:var(--wh);color:var(--ink3);border:1.5px solid var(--ln)}
.msplbl{font-size:10px;color:var(--ink3);line-height:1.4}
.msplbl.dl{color:var(--gn);font-weight:500}
.msplbl.al{color:var(--pu);font-weight:500}
.mspa{font-size:9px;color:var(--ink3);margin-top:2px}
/* ACTORS */
.arow{display:grid;grid-template-columns:1fr 44px 1fr 44px 1fr;gap:0;align-items:stretch;background:var(--sf);border-radius:16px;padding:24px;border:1px solid var(--ln);margin-bottom:20px}
.abox{text-align:center;padding:6px}
.abic{width:44px;height:44px;border-radius:50%;margin:0 auto 9px;display:flex;align-items:center;justify-content:center}
.abic-b{background:var(--bml)}.abic-b svg{stroke:var(--bm)}
.abic-p{background:var(--pul)}.abic-p svg{stroke:var(--pu)}
.abic-g{background:var(--gnl)}.abic-g svg{stroke:var(--gn)}
.abic svg{width:20px;height:20px;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.abn{font-size:13px;font-weight:500;color:var(--ink);margin-bottom:3px}
.abr{font-size:11px;color:var(--ink3);line-height:1.5}
.arrc{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
.arrt{font-size:9px;color:var(--ink3);text-align:center;line-height:1.3}
.arrs{font-size:18px;color:var(--ink3)}
/* ANALOGY */
.anacard{background:var(--pul);border:1px solid var(--pult);border-radius:16px;padding:22px 26px;display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:start;margin-bottom:28px}
.anaic{width:40px;height:40px;border-radius:9px;background:var(--pu);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.anaic svg{width:20px;height:20px;stroke:#fff;stroke-width:1.8;fill:none;stroke-linecap:round}
.anat{font-size:13px;font-weight:500;color:#26215C;margin-bottom:5px}
.anab{font-size:13px;color:#534AB7;line-height:1.7}
/* DISPUTE */
.disbox{background:var(--rel);border:1px solid #F7C1C1;border-radius:16px;padding:20px}
.dist{font-size:13px;font-weight:500;color:#791F1F;margin-bottom:14px;display:flex;align-items:center;gap:7px}
.dist svg{width:15px;height:15px;stroke:#AA2E1F;stroke-width:1.8;fill:none;stroke-linecap:round}
.dissteps{display:flex;flex-direction:column;gap:9px}
.diss{display:flex;gap:10px;align-items:flex-start}
.dissn{width:20px;height:20px;border-radius:50%;background:var(--re);color:#fff;font-size:10px;font-weight:500;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.disst{font-size:12px;color:#791F1F;line-height:1.6}
/* LOYALTY */
.loyg{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.loyc{border-radius:16px;padding:18px;border:1px solid var(--ln);background:var(--wh)}
.loyc.feat{border-color:var(--pult);background:var(--pul)}
.loyt{font-size:9px;font-weight:500;letter-spacing:.06em;margin-bottom:5px;color:var(--ink3)}
.loyc.feat .loyt{color:var(--pu)}
.loyr{font-family:var(--fd);font-size:30px;color:var(--ink);margin-bottom:4px;letter-spacing:-.02em}
.loyc.feat .loyr{color:var(--pu)}
.loycd{font-size:11px;color:var(--ink3);margin-bottom:10px;line-height:1.5}
.loybt{height:3px;background:var(--ln);border-radius:2px;overflow:hidden}
.loybf{height:3px;border-radius:2px;background:var(--pu)}
/* PRICING */
.priceg{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pricec{border-radius:16px;padding:24px;border:1.5px solid var(--ln);background:var(--wh);position:relative}
.pricec.feat{border-color:var(--bm)}
.pricetb{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--bm);color:#fff;font-size:10px;font-weight:500;padding:3px 12px;border-radius:20px;white-space:nowrap}
.pricetr{font-size:9px;font-weight:500;letter-spacing:.07em;color:var(--ink3);margin-bottom:7px}
.pricenm{font-family:var(--fd);font-size:20px;color:var(--ink);margin-bottom:4px}
.priceam{font-family:var(--fd);font-size:34px;color:var(--ink);letter-spacing:-.02em;margin-bottom:3px}
.priceam span{font-family:var(--fb);font-size:13px;color:var(--ink3);font-weight:400}
.priced{font-size:12px;color:var(--ink3);margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--ln)}
.pricefs{list-style:none;padding:0;display:flex;flex-direction:column;gap:9px}
.pricefs li{font-size:12px;color:var(--ink2);display:flex;gap:7px;line-height:1.5}
.pricefs li::before{content:"\2713";color:var(--gn);font-weight:500;flex-shrink:0;margin-top:1px}
.pricecta{margin-top:20px;width:100%}
/* FAQ */
.faqlist{display:flex;flex-direction:column;gap:0}
.faqi{padding:16px 0;border-bottom:1px solid var(--ln);cursor:pointer}
.faqq{font-size:14px;font-weight:500;color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:14px}
.faqic{width:22px;height:22px;border-radius:50%;background:var(--sf);border:1px solid var(--ln);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px;color:var(--ink3);transition:all .18s}
.faqi.open .faqic{background:var(--bm);color:#fff;border-color:var(--bm);transform:rotate(45deg)}
.faqa{font-size:13px;color:var(--ink2);line-height:1.7;margin-top:11px;display:none}
.faqi.open .faqa{display:block}
/* COMP TABLE */
.ctbl{width:100%;border-collapse:collapse;font-size:13px}
.ctbl th{padding:11px 18px;font-weight:500;background:var(--sf);border-bottom:2px solid var(--ln);text-align:left}
.ctbl th.cbm{background:var(--bml);color:var(--bm)}
.ctbl td{padding:11px 18px;border-bottom:1px solid var(--ln);color:var(--ink2)}
.ctbl td.ck{color:var(--gn);font-weight:500}
.ctbl td.cx{color:var(--re)}
.ctbl td.cbm{background:var(--bml)}
/* SEARCH */
.srow2{display:flex;gap:8px;margin-bottom:14px}
.sinp{flex:1;padding:9px 14px;border-radius:8px;border:1px solid var(--ln);background:var(--wh);font-size:13px;color:var(--ink);font-family:var(--fb)}
.sinp:focus{outline:none;border-color:var(--bm)}
.fchips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.chip{font-size:11px;padding:4px 10px;border-radius:20px;border:1px solid var(--ln);color:var(--ink3);cursor:pointer;background:var(--wh)}
.chip.ob{background:var(--bml);color:var(--bm);border-color:var(--bmlt)}
.chip.og{background:var(--gnl);color:var(--gn);border-color:var(--gnlt)}
/* TRUST / PROTECTION */
.trgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.trc{background:var(--sf);border-radius:10px;padding:16px;border:1px solid var(--ln)}
.trcn{font-size:13px;font-weight:500;color:var(--ink);margin-bottom:4px}
.trcd{font-size:12px;color:var(--ink3);line-height:1.5}
.protg{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.protc{border-radius:16px;padding:20px}
.prot-b{background:var(--bml);border:1px solid var(--bmlt)}
.prot-g{background:var(--gnl);border:1px solid var(--gnlt)}
.prott{font-size:14px;font-weight:500;margin-bottom:12px}
.prot-b .prott{color:#042C53}
.prot-g .prott{color:#04342C}
.protl{list-style:none;padding:0}
.protl li{font-size:12px;padding:5px 0;display:flex;gap:7px;line-height:1.6}
.prot-b .protl li{color:#0C447C}
.prot-g .protl li{color:#085041}
.protl li::before{content:"\2713";font-weight:500;color:var(--gn);flex-shrink:0}
/* FOOTER */
.footer{background:var(--sf);border-top:1px solid var(--ln);padding:44px 0 28px}
.footg{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}
.footdesc{font-size:13px;color:var(--ink3);line-height:1.7;max-width:240px;margin-top:12px}
.footct{font-size:11px;font-weight:500;letter-spacing:.05em;color:var(--ink);margin-bottom:12px}
.footlinks{list-style:none;padding:0;display:flex;flex-direction:column;gap:7px}
.footlinks li span{font-size:13px;color:var(--ink3);cursor:pointer}
.footlinks li span:hover{color:var(--ink)}
.footbot{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid var(--ln)}
.footcopy{font-size:12px;color:var(--ink3)}
.foottags{display:flex;gap:6px}
.foottag{font-size:10px;font-weight:500;padding:3px 9px;border-radius:6px;background:var(--wh);border:1px solid var(--ln);color:var(--ink3)}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}

*{box-sizing:border-box;margin:0;padding:0}
:root{--bm:#1A3FBF;--bmd:#122E99;--bml:#EEF3FF;--bmlt:#C8D6FF;--gn:#0B6B52;--gnl:#E4F5EF;--gnlt:#A3DEC8;--pu:#4E36B0;--pul:#F0EEFF;--pult:#C8BFEF;--am:#B5700F;--aml:#FEF4E4;--amlt:#F5CC8A;--re:#AA2E1F;--rel:#FDECEA;--ink:#0F1118;--ink2:#3A3D4A;--ink3:#6B6F7E;--ln:#E4E6ED;--sf:#F7F8FC;--wh:#FFFFFF}
body{font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--wh);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
.nav{position:sticky;top:0;z-index:200;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:6px;padding:0 28px;height:58px}
.navlogo{display:flex;align-items:center;gap:8px;cursor:pointer;margin-right:12px}
.navmark{width:30px;height:30px;background:var(--bm);border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.navmark svg{width:15px;height:15px;stroke:#fff;stroke-width:2;fill:none;stroke-linecap:round}
.navwm{font-family:'Instrument Serif',serif;font-size:19px;color:var(--ink)}
.navwm em{color:var(--bm);font-style:normal}
.navlinks{display:flex;gap:1px}
.nl{font-size:13px;color:var(--ink2);padding:6px 11px;border-radius:6px;cursor:pointer;border:none;background:transparent;font-family:'DM Sans',sans-serif;transition:background .15s}
.nl:hover,.nl.on{background:var(--sf);color:var(--ink)}
.navr{margin-left:auto;display:flex;align-items:center;gap:8px}
.lsw{display:flex;gap:2px;border:1px solid var(--ln);border-radius:6px;padding:2px}
.lb{font-size:11px;font-weight:500;padding:3px 7px;border-radius:4px;cursor:pointer;border:none;background:transparent;color:var(--ink3);font-family:'DM Sans',sans-serif}
.lb.on{background:var(--bm);color:#fff}
.btn{font-family:'DM Sans',sans-serif;cursor:pointer;border:none;border-radius:10px;font-size:14px;font-weight:500;transition:all .18s;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.btn-g{background:transparent;color:var(--ink2);padding:8px 16px;border:1px solid var(--ln)}
.btn-g:hover{border-color:var(--bm);color:var(--bm)}
.btn-p{background:var(--bm);color:#fff;padding:9px 20px}
.btn-p:hover{background:var(--bmd)}
.btn-gn{background:var(--gn);color:#fff;padding:9px 20px}
.btn-pu{background:var(--pu);color:#fff;padding:9px 20px}
.btn-re{background:var(--re);color:#fff;padding:9px 20px}
.btn-lg{padding:13px 28px;font-size:15px;border-radius:14px}
.btn-sm{padding:6px 14px;font-size:12px;border-radius:7px}
.btn-danger{background:var(--rel);color:var(--re);border:1px solid #F7C1C1;padding:8px 16px}
.page{display:none}
.page.on{display:block}
.con{max-width:1060px;margin:0 auto;padding:0 28px}
.sec{padding:68px 0}
.tag{display:inline-block;font-size:10px;font-weight:500;letter-spacing:.06em;padding:4px 11px;border-radius:20px;margin-bottom:12px}
.tag-b{background:var(--bml);color:var(--bm)}
.tag-g{background:var(--gnl);color:var(--gn)}
.tag-p{background:var(--pul);color:var(--pu)}
.tag-n{background:var(--sf);color:var(--ink3);border:1px solid var(--ln)}
.dsp{font-family:'Instrument Serif',serif;font-size:clamp(30px,4.5vw,50px);line-height:1.1;letter-spacing:-.02em;color:var(--ink)}
.dsp em{color:var(--bm);font-style:italic}
.dsp-md{font-family:'Instrument Serif',serif;font-size:clamp(22px,3vw,36px);line-height:1.15;letter-spacing:-.02em;color:var(--ink)}
.lead{font-size:16px;color:var(--ink2);line-height:1.75;max-width:580px}
.bt{font-size:14px;color:var(--ink2);line-height:1.7}
.cap{font-size:12px;color:var(--ink3)}
.card{background:var(--wh);border:1px solid var(--ln);border-radius:16px;padding:20px 22px}
.card-s{background:var(--sf);border:1px solid var(--ln);border-radius:16px;padding:20px 22px}
.bdg{display:inline-block;font-size:10px;font-weight:500;padding:2px 8px;border-radius:20px}
.bdg-v{background:var(--gnl);color:var(--gn)}
.bdg-pp{background:var(--pul);color:var(--pu)}
.bdg-b{background:var(--bml);color:var(--bm)}
.bdg-a{background:var(--aml);color:var(--am)}
.bdg-pnd{background:var(--aml);color:var(--am)}
.bdg-done{background:var(--gnl);color:var(--gn)}
.bdg-red{background:var(--rel);color:var(--re)}
.dw{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 58px)}
.sb{border-right:1px solid var(--ln);padding:16px 0;background:var(--wh);position:sticky;top:58px;height:calc(100vh - 58px);overflow-y:auto}
.sbuser{padding:14px 16px;border-bottom:1px solid var(--ln);margin-bottom:8px}
.sbun{font-size:13px;font-weight:500;color:var(--ink)}
.sbus{font-size:11px;color:var(--ink3);margin-top:2px}
.sbsec{font-size:10px;font-weight:500;color:var(--ink3);letter-spacing:.05em;padding:10px 16px 4px}
.sbi{display:flex;align-items:center;gap:9px;padding:8px 16px;cursor:pointer;font-size:13px;color:var(--ink2);border:none;background:transparent;width:100%;text-align:left;font-family:'DM Sans',sans-serif;transition:background .12s}
.sbi:hover{background:var(--sf);color:var(--ink)}
.sbi.ob{background:var(--bml);color:var(--bm);font-weight:500}
.sbi.og{background:var(--gnl);color:var(--gn);font-weight:500}
.sbi.op{background:var(--pul);color:var(--pu);font-weight:500}
.sbi svg{width:14px;height:14px;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke:var(--ink3);flex-shrink:0}
.sbi.ob svg{stroke:var(--bm)!important}
.sbi.og svg{stroke:var(--gn)!important}
.sbi.op svg{stroke:var(--pu)!important}
.sbbdg{margin-left:auto;font-size:10px;font-weight:500;padding:1px 6px;border-radius:20px;background:var(--bm);color:#fff}
.sbbdg.g{background:var(--gn)}
.dm{padding:24px;background:var(--sf);min-height:calc(100vh - 58px)}
.dtitle{font-size:18px;font-weight:500;color:var(--ink)}
.dsub{font-size:13px;color:var(--ink3);margin-top:3px}
.mrow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}
.mc{background:var(--wh);border-radius:10px;padding:14px 16px;border:1px solid var(--ln)}
.mcn{font-family:'Instrument Serif',serif;font-size:26px;color:var(--ink);margin-bottom:2px}
.mcl{font-size:11px;color:var(--ink3)}
.fsec{background:var(--wh);border:1px solid var(--ln);border-radius:16px;padding:22px 24px;margin-bottom:14px}
.fsect{font-size:14px;font-weight:500;color:var(--ink);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--ln)}
.fgd{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ffl{display:flex;flex-direction:column;gap:5px}
.flab{font-size:11px;font-weight:500;color:var(--ink3);letter-spacing:.03em}
.finp,.fsel,.fta{padding:10px 13px;border-radius:9px;border:1px solid var(--ln);background:var(--wh);font-size:13px;color:var(--ink);font-family:'DM Sans',sans-serif;transition:border-color .15s;outline:none;width:100%}
.finp:focus,.fsel:focus,.fta:focus{border-color:var(--bm);box-shadow:0 0 0 3px var(--bml)}
.fta{height:90px;resize:vertical}
.fful{grid-column:1/-1}
.fhint{font-size:11px;color:var(--ink3);margin-top:3px;line-height:1.4}
.fcheck{display:flex;align-items:flex-start;gap:10px;margin-top:4px}
.fcheck input[type=checkbox]{width:16px;height:16px;margin-top:2px;accent-color:var(--bm);flex-shrink:0;cursor:pointer}
.fcheck-lbl{font-size:13px;color:var(--ink2);line-height:1.5;cursor:pointer}
.ob-wrap{min-height:calc(100vh - 58px);display:grid;grid-template-columns:300px 1fr}
.ob-left{background:var(--bm);padding:40px 28px;display:flex;flex-direction:column}
.ob-left.gn{background:var(--gn)}
.ob-logo{display:flex;align-items:center;gap:8px;margin-bottom:40px}
.ob-logo-mark{width:26px;height:26px;background:rgba(255,255,255,.2);border-radius:6px;display:flex;align-items:center;justify-content:center}
.ob-logo-mark svg{width:12px;height:12px;stroke:#fff;stroke-width:2;fill:none;stroke-linecap:round}
.ob-logo-wm{font-family:'Instrument Serif',serif;font-size:17px;color:#fff}
.ob-steps{display:flex;flex-direction:column;gap:0;flex:1}
.ob-step{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.ob-step:last-child{border-bottom:none}
.ob-num{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;flex-shrink:0;margin-top:2px}
.ob-step.done .ob-num{background:#fff;color:var(--bm)}
.ob-step.active .ob-num{background:rgba(255,255,255,.25);color:#fff;border:2px solid rgba(255,255,255,.6)}
.ob-step.todo .ob-num{background:rgba(255,255,255,.1);color:rgba(255,255,255,.4)}
.ob-slbl{font-size:10px;font-weight:500;letter-spacing:.05em;margin-bottom:2px}
.ob-step.done .ob-slbl{color:rgba(255,255,255,.6)}
.ob-step.active .ob-slbl{color:rgba(255,255,255,.75)}
.ob-step.todo .ob-slbl{color:rgba(255,255,255,.3)}
.ob-stitle{font-size:13px;font-weight:500}
.ob-step.done .ob-stitle{color:rgba(255,255,255,.8)}
.ob-step.active .ob-stitle{color:#fff}
.ob-step.todo .ob-stitle{color:rgba(255,255,255,.35)}
.ob-note{margin-top:auto;padding:14px;background:rgba(255,255,255,.1);border-radius:10px;font-size:12px;color:rgba(255,255,255,.7);line-height:1.6}
.ob-right{padding:44px 52px;background:var(--sf);display:flex;flex-direction:column;justify-content:center}
.ob-inner{max-width:500px;width:100%}
.ob-tag{font-size:10px;font-weight:500;letter-spacing:.06em;padding:3px 10px;border-radius:20px;background:var(--bml);color:var(--bm);display:inline-block;margin-bottom:10px}
.ob-tag.gn{background:var(--gnl);color:var(--gn)}
.ob-h{font-family:'Instrument Serif',serif;font-size:26px;color:var(--ink);margin-bottom:6px;letter-spacing:-.01em}
.ob-sub{font-size:13px;color:var(--ink3);line-height:1.6;margin-bottom:22px}
.ob-nav{display:flex;justify-content:space-between;align-items:center;margin-top:22px}
.ob-prog{font-size:11px;color:var(--ink3)}
.upload-zone{border:2px dashed var(--ln);border-radius:12px;padding:28px;text-align:center;cursor:pointer;transition:all .2s;background:var(--wh)}
.upload-zone:hover{border-color:var(--bm);background:var(--bml)}
.upload-icon{width:40px;height:40px;border-radius:10px;background:var(--sf);display:flex;align-items:center;justify-content:center;margin:0 auto 10px}
.upload-icon svg{width:18px;height:18px;stroke:var(--ink3);stroke-width:1.8;fill:none;stroke-linecap:round}
.ufile{display:flex;align-items:center;gap:10px;padding:9px 13px;background:var(--gnl);border:1px solid var(--gnlt);border-radius:9px;margin-top:8px}
.ufile-ic{width:26px;height:26px;border-radius:6px;background:var(--gn);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ufile-ic svg{width:11px;height:11px;stroke:#fff;stroke-width:2;fill:none;stroke-linecap:round}
.ufile-n{font-size:12px;font-weight:500;color:var(--gn);flex:1}
.ufile-s{font-size:11px;color:var(--ink3)}
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}
.plan-card{border:1.5px solid var(--ln);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s;background:var(--wh);position:relative}
.plan-card:hover{border-color:var(--bm)}
.plan-card.sel{border-color:var(--bm);background:var(--bml)}
.plan-name{font-family:'Instrument Serif',serif;font-size:17px;color:var(--ink);margin-bottom:3px}
.plan-price{font-size:20px;font-weight:500;color:var(--ink);margin-bottom:8px}
.plan-price span{font-size:12px;font-weight:400;color:var(--ink3)}
.plan-feats{list-style:none;padding:0;display:flex;flex-direction:column;gap:4px}
.plan-feats li{font-size:11px;color:var(--ink2);display:flex;gap:5px}
.plan-feats li::before{content:"✓";color:var(--gn);font-weight:500;flex-shrink:0}
.plan-check{position:absolute;top:10px;right:10px;width:16px;height:16px;border-radius:50%;border:1.5px solid var(--ln);background:var(--wh);display:flex;align-items:center;justify-content:center;transition:all .2s}
.plan-card.sel .plan-check{background:var(--bm);border-color:var(--bm)}
.plan-card.sel .plan-check::after{content:"✓";font-size:9px;color:#fff;font-weight:500}
.notif-item{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid var(--ln);cursor:pointer}
.notif-item:last-child{border-bottom:none}
.ndot{width:7px;height:7px;border-radius:50%;background:var(--bm);flex-shrink:0;margin-top:6px;opacity:0}
.notif-item.unread .ndot{opacity:1}
.nic{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.nic svg{width:15px;height:15px;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.nic-b{background:var(--bml)}.nic-b svg{stroke:var(--bm)}
.nic-g{background:var(--gnl)}.nic-g svg{stroke:var(--gn)}
.nic-p{background:var(--pul)}.nic-p svg{stroke:var(--pu)}
.nic-a{background:var(--aml)}.nic-a svg{stroke:var(--am)}
.nic-r{background:var(--rel)}.nic-r svg{stroke:var(--re)}
.ntitle{font-size:13px;font-weight:500;color:var(--ink);margin-bottom:2px}
.ndesc{font-size:12px;color:var(--ink3);line-height:1.5;margin-bottom:4px}
.ntime{font-size:11px;color:var(--ink3)}
.ncta{font-size:11px;font-weight:500;color:var(--bm);cursor:pointer}
.nf{font-size:12px;font-weight:500;padding:5px 13px;border-radius:20px;border:1px solid var(--ln);background:var(--sf);color:var(--ink3);cursor:pointer;font-family:'DM Sans',sans-serif}
.nf.on{background:var(--bml);color:var(--bm);border-color:var(--bmlt)}
.vtable{width:100%;border-collapse:collapse;font-size:13px}
.vtable th{text-align:left;padding:9px 14px;font-weight:500;color:var(--ink3);background:var(--sf);border-bottom:1px solid var(--ln);font-size:11px;letter-spacing:.03em}
.vtable td{padding:11px 14px;border-bottom:1px solid var(--ln);color:var(--ink2);vertical-align:middle}
.vtable tr:last-child td{border-bottom:none}
.vtable tr:hover td{background:var(--sf)}
.snav-bar{display:flex;gap:2px;border-bottom:1px solid var(--ln);margin-bottom:22px}
.snav{font-size:13px;color:var(--ink3);padding:9px 15px;cursor:pointer;border:none;background:transparent;font-family:'DM Sans',sans-serif;border-bottom:2px solid transparent;margin-bottom:-1px}
.snav.on{color:var(--bm);border-bottom-color:var(--bm);font-weight:500}
.snav:hover{color:var(--ink)}
.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--ln)}
.toggle-row:last-child{border-bottom:none}
.toggle-info{flex:1}
.toggle-title{font-size:13px;font-weight:500;color:var(--ink);margin-bottom:2px}
.toggle-desc{font-size:12px;color:var(--ink3);line-height:1.4}
.toggle{width:36px;height:20px;border-radius:10px;background:var(--ln);position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}
.toggle.on{background:var(--bm)}
.tknob{width:14px;height:14px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:left .2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.toggle.on .tknob{left:19px}
.dz{background:var(--rel);border:1px solid #F7C1C1;border-radius:14px;padding:20px 22px}
.dz-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #F7C1C1}
.dz-row:last-child{border-bottom:none}
.dz-title{font-size:13px;font-weight:500;color:#791F1F;margin-bottom:12px}
.bar-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.bar-label{font-size:12px;color:var(--ink3);width:70px;text-align:right;flex-shrink:0}
.bar-track{flex:1;height:20px;background:var(--sf);border-radius:4px;overflow:hidden}
.bar-fill{height:100%;border-radius:4px;display:flex;align-items:center;justify-content:flex-end;padding-right:7px;font-size:11px;font-weight:500;color:#fff}
.geo-bar{height:5px;background:var(--ln);border-radius:3px;overflow:hidden;margin-top:3px}
.geo-fill{height:5px;background:var(--bm);border-radius:3px}
.atable{width:100%;border-collapse:collapse;font-size:13px}
.atable th{text-align:left;padding:9px 14px;font-weight:500;color:var(--ink3);background:var(--sf);border-bottom:1px solid var(--ln);font-size:11px;letter-spacing:.03em}
.atable td{padding:10px 14px;border-bottom:1px solid var(--ln);color:var(--ink2);vertical-align:middle}
.atable tr:last-child td{border-bottom:none}
.atable tr:hover td{background:var(--sf)}
.spark{display:flex;align-items:flex-end;gap:3px;height:44px}
.sbar{background:var(--bml);border-radius:3px 3px 0 0;flex:1;min-width:5px;transition:background .15s}
.sbar:hover{background:var(--bm)}
.legal-wrap{max-width:740px;margin:0 auto;padding:44px 28px}
.legal-h1{font-family:'Instrument Serif',serif;font-size:34px;color:var(--ink);margin-bottom:8px}
.legal-meta{font-size:13px;color:var(--ink3);margin-bottom:28px}
.legal-h2{font-family:'Instrument Serif',serif;font-size:21px;color:var(--ink);margin:32px 0 10px}
.legal-h3{font-size:14px;font-weight:500;color:var(--ink);margin:18px 0 6px}
.legal-p{font-size:14px;color:var(--ink2);line-height:1.8;margin-bottom:12px}
.legal-list{list-style:none;padding:0;margin-bottom:12px}
.legal-list li{font-size:14px;color:var(--ink2);line-height:1.7;display:flex;gap:10px;padding:3px 0}
.legal-list li::before{content:"—";color:var(--ink3);flex-shrink:0}
.legal-box{background:var(--bml);border:1px solid var(--bmlt);border-radius:10px;padding:14px 16px;margin:14px 0}
.legal-box.am{background:var(--aml);border-color:var(--amlt)}
.legal-box.pu{background:var(--pul);border-color:var(--pult)}
.legal-box-t{font-size:11px;font-weight:500;color:var(--bm);margin-bottom:5px;letter-spacing:.04em}
.legal-box.am .legal-box-t{color:var(--am)}
.legal-box.pu .legal-box-t{color:var(--pu)}
.legal-box-b{font-size:13px;color:var(--ink2);line-height:1.7}
.toc{background:var(--sf);border-radius:12px;padding:18px 20px;margin-bottom:28px;border:1px solid var(--ln)}
.toc-t{font-size:11px;font-weight:500;color:var(--ink3);letter-spacing:.05em;margin-bottom:10px}
.toc ol{list-style:decimal;padding-left:18px}
.toc ol li{padding:3px 0}
.toc ol li a{font-size:13px;color:var(--bm);text-decoration:none}
.em-client{background:var(--wh);border-radius:14px;border:1px solid var(--ln);overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.06)}
.em-bar{background:var(--sf);padding:11px 14px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:6px}
.em-dots{display:flex;gap:4px}
.ecd{width:9px;height:9px;border-radius:50%}
.ec-r{background:#FF5F57}.ec-y{background:#FFBD2E}.ec-g{background:#28C840}
.em-subject{font-size:11px;color:var(--ink3);margin-left:6px}
.em-head{padding:26px 28px;text-align:center}
.em-head-logo{display:inline-flex;align-items:center;gap:7px}
.em-head-mark{width:24px;height:24px;background:rgba(255,255,255,.2);border-radius:5px;display:flex;align-items:center;justify-content:center}
.em-head-mark svg{width:11px;height:11px;stroke:#fff;stroke-width:2;fill:none;stroke-linecap:round}
.em-head-wm{font-family:'Instrument Serif',serif;font-size:16px;color:#fff}
.em-body{padding:28px}
.em-greeting{font-size:15px;color:var(--ink);margin-bottom:14px;line-height:1.6}
.em-p{font-size:14px;color:var(--ink2);line-height:1.75;margin-bottom:12px}
.em-box{background:var(--sf);border-radius:9px;padding:14px 16px;margin-bottom:16px}
.em-row{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid var(--ln);font-size:13px}
.em-row:last-child{border-bottom:none}
.em-lbl{color:var(--ink3)}
.em-val{font-weight:500;color:var(--ink)}
.em-cta{display:block;text-decoration:none;padding:12px 24px;border-radius:9px;font-size:14px;font-weight:500;text-align:center;margin:20px auto;max-width:260px}
.em-div{border:none;border-top:1px solid var(--ln);margin:18px 0}
.em-foot{background:var(--sf);padding:18px 28px;text-align:center;border-top:1px solid var(--ln)}
.em-foot-t{font-size:11px;color:var(--ink3);line-height:1.6}
.em-foot-links{display:flex;gap:14px;justify-content:center;margin-top:6px}
.em-foot-links a{font-size:11px;color:var(--bm)}
.etab{font-size:12px;font-weight:500;padding:5px 12px;border-radius:20px;border:1px solid var(--ln);background:var(--wh);color:var(--ink3);cursor:pointer;font-family:'DM Sans',sans-serif;transition:all .15s}
.etab.on{background:var(--bml);color:var(--bm);border-color:var(--bmlt)}
.contact-grid{display:grid;grid-template-columns:1fr 320px;gap:40px}
.cm{display:flex;align-items:flex-start;gap:12px;padding:16px 0;border-bottom:1px solid var(--ln)}
.cm:last-child{border-bottom:none}
.cm-ic{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cm-ic svg{width:17px;height:17px;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.cmi-b{background:var(--bml)}.cmi-b svg{stroke:var(--bm)}
.cmi-g{background:var(--gnl)}.cmi-g svg{stroke:var(--gn)}
.cmi-p{background:var(--pul)}.cmi-p svg{stroke:var(--pu)}
.cm-title{font-size:13px;font-weight:500;color:var(--ink);margin-bottom:2px}
.cm-val{font-size:13px;color:var(--bm);font-weight:500}
.cm-sub{font-size:12px;color:var(--ink3);margin-top:1px}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.team-card{text-align:center;padding:20px 14px;background:var(--sf);border-radius:14px;border:1px solid var(--ln)}
.tav{width:64px;height:64px;border-radius:50%;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-family:'Instrument Serif',serif;font-size:22px}
.tav-1{background:var(--bml);color:var(--bm)}
.tav-2{background:var(--gnl);color:var(--gn)}
.tav-3{background:var(--pul);color:var(--pu)}
.tav-4{background:var(--aml);color:var(--am)}
.tname{font-size:14px;font-weight:500;color:var(--ink);margin-bottom:2px}
.trole{font-size:12px;color:var(--ink3)}
.vcard{background:var(--sf);border-radius:14px;padding:20px;border:1px solid var(--ln)}
.vnum{font-family:'Instrument Serif',serif;font-size:38px;color:var(--bm);letter-spacing:-.02em;margin-bottom:5px}
.vtitle{font-size:14px;font-weight:500;color:var(--ink);margin-bottom:4px}
.tl-item{display:grid;grid-template-columns:90px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--ln)}
.tl-item:last-child{border-bottom:none}
.tl-year{font-family:'Instrument Serif',serif;font-size:19px;color:var(--bm);padding-top:2px}
.tl-t{font-size:14px;font-weight:500;color:var(--ink);margin-bottom:4px}
.tl-d{font-size:13px;color:var(--ink3);line-height:1.6}
.rfq-summary{background:var(--bml);border:1px solid var(--bmlt);border-radius:12px;padding:16px 18px;margin-bottom:18px}
.rfq-s-t{font-size:11px;font-weight:500;color:var(--bm);letter-spacing:.04em;margin-bottom:10px}
.rfq-s-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.rfq-s-lbl{font-size:10px;color:rgba(26,63,191,.7);margin-bottom:1px}
.rfq-s-val{font-size:13px;font-weight:500;color:var(--bm)}
.buyer-mini{display:flex;align-items:center;gap:12px;padding:13px 14px;background:var(--sf);border-radius:11px;border:1px solid var(--ln);margin-bottom:18px}
.bm-av{width:42px;height:42px;border-radius:50%;background:var(--bml);display:flex;align-items:center;justify-content:center;font-family:'Instrument Serif',serif;font-size:15px;color:var(--bm);flex-shrink:0}
.bm-name{font-size:14px;font-weight:500;color:var(--ink);margin-bottom:2px}
.bm-sub{font-size:12px;color:var(--ink3)}
.bm-tags{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}
.bm-tag{font-size:10px;padding:2px 6px;border-radius:5px;background:var(--wh);color:var(--ink3);border:1px solid var(--ln)}
.pp-bar{background:var(--sf);border-radius:12px;padding:14px 16px;margin-bottom:18px;border:1px solid var(--ln);display:flex;align-items:center;gap:12px}
.footer-wrap{background:var(--sf);border-top:1px solid var(--ln);padding:40px 0 24px}
.footg{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;margin-bottom:36px}
.footdesc{font-size:13px;color:var(--ink3);line-height:1.7;max-width:220px;margin-top:10px}
.footct{font-size:11px;font-weight:500;letter-spacing:.05em;color:var(--ink);margin-bottom:10px}
.footlinks{list-style:none;padding:0;display:flex;flex-direction:column;gap:6px}
.footlinks li span{font-size:13px;color:var(--ink3);cursor:pointer}
.footlinks li span:hover{color:var(--ink)}
.footbot{display:flex;justify-content:space-between;align-items:center;padding-top:18px;border-top:1px solid var(--ln)}
.footcopy{font-size:12px;color:var(--ink3)}
.foottag{font-size:10px;font-weight:500;padding:3px 8px;border-radius:6px;background:var(--wh);border:1px solid var(--ln);color:var(--ink3)}

/* Bootstrap compatibility */
.btn{text-decoration:none}
.card{display:block;position:relative;min-width:auto}
[data-go],[data-lang],[data-b-tab],[data-m-tab],[data-pr-tab],[data-faq-toggle],[data-sett-tab],[data-prf-tab],[data-email-tab],[data-toggle-switch]{cursor:pointer}
[role="button"]:focus-visible{outline:2px solid var(--bm);outline-offset:2px}
body{margin:0}
main{display:block}

/* Main-source fidelity overrides after shared additional-page rules */
body.bm-main .navwm{font-family:var(--fd);font-size:19px;color:var(--ink);letter-spacing:-.01em}
body.bm-main .nl{font-size:13px;color:var(--ink2);padding:6px 11px;border-radius:6px;cursor:pointer;border:none;background:transparent;font-family:var(--fb);transition:background .15s}
body.bm-main .lb{font-size:11px;font-weight:500;padding:3px 7px;border-radius:4px;cursor:pointer;border:none;background:transparent;color:var(--ink3);font-family:var(--fb);transition:all .15s}
body.bm-main .dsp{font-family:var(--fd);font-size:clamp(30px,4.5vw,50px);line-height:1.1;letter-spacing:-.02em;color:var(--ink)}
body.bm-main .dsp-md{font-family:var(--fd);font-size:clamp(22px,3vw,36px);line-height:1.15;letter-spacing:-.02em;color:var(--ink)}
body.bm-main .mcn{font-family:var(--fd);font-size:26px;color:var(--ink);margin-bottom:2px}
body.bm-main .sbi{display:flex;align-items:center;gap:9px;padding:8px 16px;cursor:pointer;font-size:13px;color:var(--ink2);border:none;background:transparent;width:100%;text-align:left;font-family:var(--fb);transition:background .12s;position:relative}
body.bm-main .fgd{display:grid;grid-template-columns:1fr 1fr;gap:12px}
body.bm-main .finp,body.bm-main .fsel,body.bm-main .fta{padding:9px 12px;border-radius:8px;border:1px solid var(--ln);background:var(--wh);font-size:13px;color:var(--ink);font-family:var(--fb);transition:border-color .15s}
body.bm-main .finp:focus,body.bm-main .fsel:focus,body.bm-main .fta:focus{outline:none;border-color:var(--bm);box-shadow:none}
body.bm-main .fta{height:80px;resize:vertical}
body.bm-main .etab{font-size:12px;font-weight:500;padding:5px 14px;border-radius:20px;border:1px solid var(--ln);background:var(--sf);color:var(--ink3);cursor:pointer;font-family:var(--fb)}
body.bm-main .footg{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}
body.bm-main .footdesc{font-size:13px;color:var(--ink3);line-height:1.7;max-width:240px;margin-top:12px}
body.bm-main .footct{font-size:11px;font-weight:500;letter-spacing:.05em;color:var(--ink);margin-bottom:12px}
body.bm-main .footlinks{list-style:none;padding:0;display:flex;flex-direction:column;gap:7px}
body.bm-main .footbot{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid var(--ln)}
body.bm-main .foottag{font-size:10px;font-weight:500;padding:3px 9px;border-radius:6px;background:var(--wh);border:1px solid var(--ln);color:var(--ink3)}