.osec{padding-top:clamp(28px,3.2vw,46px);padding-bottom:clamp(30px,3.4vw,50px)}.olead{text-align:center;margin-bottom:clamp(36px,4vw,56px)}.olead .k{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--blue);font-size:12.5px}.olead h2{letter-spacing:-1.2px;margin-top:12px;font-size:clamp(22px,2.6vw,30px);font-weight:800}.ochart{--oline:#cfdaea;--g0:clamp(40px, 5vw, 88px);--g1:clamp(34px, 3.6vw, 68px);--bg:clamp(20px, 2.2vw, 32px);--lg:14px;border:1px solid var(--line);background:linear-gradient(#f7fafe,#eef4fc);border-radius:24px;padding:clamp(30px,4vw,56px) clamp(20px,3.4vw,48px);box-shadow:0 12px 36px #0d203c0d}.octree{justify-content:center;align-items:center;gap:var(--g0);display:flex}.oc-ceo{flex:none}.oc-ceobox{color:#fff;text-align:center;background:linear-gradient(140deg,#0e2a57,#071833);border-radius:16px;padding:22px clamp(26px,3vw,44px);box-shadow:0 16px 32px #0718334d}.oc-ceobox .r{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);font-size:11.5px}.oc-ceobox .n{letter-spacing:-.5px;margin-top:7px;font-size:clamp(20px,2.2vw,24px);font-weight:800}.oc-branches{gap:var(--bg);flex-direction:column;flex:none;display:flex;position:relative}.oc-branches:before{content:"";top:50%;left:calc(var(--g0) * -1);width:calc(var(--g0) / 2);background:var(--oline);height:2px;position:absolute}.oc-branch{align-items:center;gap:var(--g1);display:flex;position:relative}.oc-branch:before{content:"";top:50%;left:calc(var(--g0) / -2);width:calc(var(--g0) / 2);background:var(--oline);height:2px;position:absolute}.oc-branch:after{content:"";left:calc(var(--g0) / -2);width:2px;top:calc(var(--bg) / -2);bottom:calc(var(--bg) / -2);background:var(--oline);position:absolute}.oc-branch:first-child:after{top:50%}.oc-branch:last-child:after{bottom:50%}.oc-branch:only-child:after{display:none}.oc-ghead{text-align:center;background:#eef3fb;border:1px solid #dce6f4;border-radius:16px;flex:none;width:clamp(150px,15vw,200px);padding:18px 16px 19px}.oc-ghead .gl{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--blue);font-size:11px}.oc-ghead .gt{letter-spacing:-.4px;margin-top:7px;font-size:clamp(17px,1.9vw,20px);font-weight:800}.oc-ghead .gc{color:var(--muted);margin-top:5px;font-size:12.5px}.oc-leaves{gap:var(--lg);flex-direction:column;flex:none;width:clamp(280px,26vw,380px);display:flex;position:relative}.oc-leaves:before{content:"";top:50%;left:calc(var(--g1) * -1);width:calc(var(--g1) / 2);background:var(--oline);height:2px;position:absolute}.oc-leaf{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:13px;padding:12px 14px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;box-shadow:0 6px 18px #0d203c0d}.oc-leaf .oc-ico{width:46px;height:46px;color:var(--blue);background:#eaf2ff;border-radius:12px;flex:none;justify-content:center;align-items:center;transition:background .18s,color .18s;display:flex}.oc-leaf .oc-ico svg{width:24px;height:24px}.oc-leaf:hover .oc-ico{background:#dbe9ff}.oc-leaf:before{content:"";top:50%;left:calc(var(--g1) / -2);width:calc(var(--g1) / 2);background:var(--oline);height:2px;position:absolute}.oc-leaf:after{content:"";left:calc(var(--g1) / -2);width:2px;top:calc(var(--lg) / -2);bottom:calc(var(--lg) / -2);background:var(--oline);position:absolute}.oc-leaf:first-child:after{top:50%}.oc-leaf:last-child:after{bottom:50%}.oc-leaf:only-child:after{display:none}.oc-leaf:hover{border-color:#cdddf2;transform:translate(3px);box-shadow:0 14px 32px #0d203c1f}.oc-leaf-tx{flex:1;min-width:0}.oc-leaf-tx h4{letter-spacing:-.3px;word-break:keep-all;font-size:clamp(15px,1.5vw,17px);font-weight:800}.oc-leaf-tx p{color:var(--muted);margin-top:4px;font-size:13px}.oc-arrow{width:34px;height:34px;color:var(--blue);background:#eef4fc;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:background .18s,color .18s;display:flex}.oc-arrow svg{width:16px;height:16px}.oc-leaf:hover .oc-arrow{background:var(--blue);color:#fff}@media (max-width:860px){.octree{flex-direction:column;align-items:stretch;gap:22px}.oc-ceo{justify-content:center;display:flex}.oc-branches{gap:26px}.oc-branch{flex-direction:column;align-items:stretch;gap:12px}.oc-ghead,.oc-leaves{width:auto}.oc-branches:before,.oc-branch:before,.oc-branch:after,.oc-leaves:before,.oc-leaf:before,.oc-leaf:after{display:none}}